/* INNERLUXES dark mode for the /case-studies landing.
 * Default page is light (body.light); dark mode = body WITHOUT .light.
 * Kept separate from the SCN table CSS so the light-mode table stays 100% SCN;
 * these rules only ever apply in dark. Palette: bg #1a1814, surface #1e1c18,
 * text #e8e4dc / #c4bfb6, muted #9a948b, accent #60a5fa. Loaded last so it wins
 * over the regenerated SCN tailwind classes. */

/* heading + breadcrumb */
body:not(.light) #csm_title,
body:not(.light) #csm_title .block{color:#60a5fa}
body:not(.light) .cs-main .breadcrumbs__item-link,
body:not(.light) .cs-main .breadcrumbs__icon{color:#9a948b}
body:not(.light) .cs-main .breadcrumbs__item:last-child .breadcrumbs__title{color:#c4bfb6}

/* search */
body:not(.light) .cs-main input[name=query]{background:#1e1c18;border-color:#3a3631;color:#e8e4dc}
body:not(.light) .cs-main input[name=query]::placeholder{color:#9a948b}
body:not(.light) .cs-main .icon-s-search{color:#9a948b}

/* tabs */
body:not(.light) .csm-tab{background-color:#1e1c18;color:#c4bfb6;border-top-color:#1e1c18;border-bottom-color:#3a3631}
body:not(.light) .csm-tab:hover{background-color:#26231e}
body:not(.light) .csm-tab.active{background-color:#1a1814;border-color:#3a3631;border-bottom-color:#1a1814;color:#e8e4dc}
body:not(.light) .csm-tab .icon-s-slider-arrow{color:#6f6a62}

/* filter panel + rows */
body:not(.light) .csm-filters{background:#1a1814;border-color:#3a3631}
body:not(.light) .csm-filter:hover{background-color:#26231e}
body:not(.light) .csm-filter-name{color:#c4bfb6}
body:not(.light) .csm-filters .icon-s-close{color:#8a847b}

/* checkbox (unchecked) surface */
body:not(.light) .form-checkbox-label .form-checkbox-checkmark{background:#1e1c18;border-color:#5a554e}

/* total / empty / browse-all */
body:not(.light) [data-csm-total]{color:#e8e4dc}
body:not(.light) .cs-main [data-csm-empty]{color:#c4bfb6}
body:not(.light) .cs-landing-items a{color:#9a948b}
body:not(.light) .cs-landing-items a:hover{color:#c4bfb6}

/* scroll-to-top button in dark mode — brighter blue + stronger ring so it stays
   clearly visible on the dark page and the dark-blue footer */
body:not(.light) .cs-main .csm-go-top{background:#3b82f6;box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.45)}
body:not(.light) .cs-main .csm-go-top:hover{background:#2f6fd0}