/* V230: day palette. Every colour rule is explicitly limited to light mode. */
html[data-theme="light"]{
 --bg-deep:#f7f5ef; --bg-card:#ffffff; --bg-input:#ffffff; --bg-hover:#eee9de;
 --bg1:#f7f5ef; --bg2:#f1ede4; --bg3:#e9e3d6; --bg4:#e1d9c8;
 --text-pri:#24231f; --txt:#24231f; --txt1:#24231f;
 --text-sec:#45443e; --txt2:#45443e; --text-muted:#5b554a; --txt3:#5b554a;
 --gold:#78430c; --gold2:#78430c; --gold-dim:#78430c; --gold-glow:#78430c; --gold-title:#78430c;
 --cyan:#00656b; --cyan-glow:#00656b; --quran-teal:#00656b;
 --violet:#66429a; --quran-violet:#66429a; --rose:#9b304e;
 --green:#24623e; --sage:#24623e; --amber:#785300; --sky:#175b89;
 --danger:#9c3030; --admin-error:#9c3030; --admin-success:#24623e;
 --about-text:#45443e; --admin-gray:#5b554a;
 --gmx-quarter-1:#78430c; --gmx-quarter-2:#00656b;
 --gmx-quarter-3:#66429a; --gmx-quarter-4:#24623e;
 --dcr-default:#78430c; --dcr-doy:#00656b; --dcr-product:#24623e; --dcr-day:#66429a; --dcr-woy:#175b89;
}
/* Solid text and backgrounds for titles/navigation; never fade a heading. */
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,.nav-label,.section-title,.dc-title,.dm-app-title,.home-section-title){
 background-image:none!important; -webkit-text-fill-color:currentColor!important;
 text-shadow:none!important; opacity:1!important; mask-image:none!important; -webkit-mask-image:none!important;
}
html[data-theme="light"] :is(.nav-label,.section-title,.dc-title,.dm-app-title){color:var(--gold)!important}
html[data-theme="light"] :is(.nav-btn,.raqeem-category-btn,.dtl-hero,.dtl-section-head,.st-hero,.hdr){
 background-image:none!important; text-shadow:none!important;
}
html[data-theme="light"] :is(.dtl-hero,.dtl-section-head,.st-hero,.hdr){background-color:var(--bg2)!important}
html[data-theme="light"] :is(.dtl-hero,.dtl-section-head,.st-hero,.hdr)::before,
html[data-theme="light"] :is(.dtl-hero,.dtl-section-head,.st-hero,.hdr)::after{background-image:none!important}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#5b554a!important;opacity:1!important}
/* Mobile layout only: date 2 is today; date 1 stays the prior year internally. */
@media(max-width:700px){
 #pageDatecalc .dc-dates > .dc-date-box:nth-child(2){order:-1!important}
 #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) > .dc-pair:nth-child(2){order:-1!important}
 #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody) .dc-result-row > .dcr{
   min-height:0!important; height:auto!important; padding:.14rem .22rem!important; line-height:1.2!important;
 }
 #pageDatecalc :is(#dcTbody,#dcHebrewTbody,#dcEthiopianTbody,#dcPersianTbody,#dcBahaiTbody).dc-results{
   row-gap:.25rem!important; padding:.2rem!important;
 }
 #pageDatecalc .dc-result-row{margin:0!important;row-gap:0!important}
 #pageDatecalc .dc-months-table :is(th,td){padding:.2rem .3rem!important;line-height:1.25!important}
}
html[data-theme="light"] #raqeemCategoryNav .raqeem-category-tool,
html[data-theme="light"] #raqeemCategoryNav .raqeem-category-tool:hover{
 background:var(--bg2)!important;box-shadow:none!important;
}
html[data-theme="light"] #raqeemCategoryNav .raqeem-category-tool::before{background:none!important}
html[data-theme="light"] #raqeemCategoryNav :is(.nav-label,.tgi,.tgl){text-shadow:none!important;filter:none!important}
html[data-theme="light"] #pageDatecalc .dc-result-row .dcr{text-shadow:none!important}

html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,.section-title,.nav-label)::before,
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,.section-title,.nav-label)::after{background-image:none!important;text-shadow:none!important}