/* Kad MY AREA: setiap permukaan mesti sepadan dengan warna teks mod semasa. */
.schedule-item{
  color:#17372e;
}
.schedule-item b{
  color:#17372e!important;
}
.schedule-item small{
  color:#4b6259!important;
}

/* Label kecil dan kad promosi pada permukaan cerah. */
html:not([data-theme="malam"]) .document-creator-promo span{color:#705218!important}
html:not([data-theme="malam"]) .visitor-stat em{color:#50665c!important}
html:not([data-theme="malam"]) .featured-service .available-label{color:#365541!important}
html:not([data-theme="malam"]) .featured-service .featured-tags{color:#4b6259!important}
html:not([data-theme="malam"]) .category-name{color:#17473b!important}
html:not([data-theme="malam"]) .coming-badge{color:#43594b!important}
html:not([data-theme="malam"]) .coming-heading>span{color:#526459!important}
.banner .eyebrow{color:#f5e4b3!important}
.sidebar .side-bottom b{color:#f5faf7!important}
.sidebar .side-bottom .text-button{color:#b8ebd0!important}
html:not([data-theme="malam"]) .arena-cards article:not(.arena-arcade-card)>span{color:#6d541e!important}

/* Kad dalam mod malam tidak boleh mengekalkan latar cerah dengan teks tema gelap. */
html[data-theme="malam"] :is(
  .schedule-item,
  .closed-row,
  .booking-option-row,
  .course-catalog-editor .booking-option-row,
  .marketplace-card,
  .live-notification-card,
  .checkbox-list label
){
  background:#173128!important;
  color:#f2f8f5!important;
  border-color:#456357!important;
}
html[data-theme="malam"] :is(.schedule-item:hover,.live-notification-card:hover){
  background:#204238!important;
  border-color:#83cbb2!important;
}
html[data-theme="malam"] .schedule-item b{color:#f2f8f5!important}
html[data-theme="malam"] .schedule-item small{color:#c3d7cc!important}
html[data-theme="malam"] .schedule-item>span{color:#e9d391!important}
html[data-theme="malam"] .live-notification-card em{color:#f0d58b!important}
html[data-theme="malam"] .coming-badge{
  background:#244737!important;
  color:#e5f2eb!important;
  border-color:#557567!important;
}
html[data-theme="malam"] .sidebar .side-bottom .text-button{color:#b8ebd0!important}
html[data-theme="malam"] .arena-cards article:not(.arena-arcade-card)>span{color:#e9d391!important}
html[data-theme="malam"] .arena-score-head>button{color:#b8ebd0!important}
html[data-theme="malam"] .checkbox-list label:has(input:checked){
  background:#244737!important;
  border-color:#d8bc73!important;
  color:#f2f8f5!important;
}
html[data-theme="malam"] .arena-setup-card{
  background:#302b1d!important;
  color:#f7e8b8!important;
  border-color:#806b3c!important;
}
html[data-theme="malam"] .arena-setup-card :is(b,strong,h3){color:#fff0bc!important}
html[data-theme="malam"] .arena-setup-card :is(p,small){color:#e4d8b8!important}