/* Brand identity stays coral; appearance controls surfaces and text. */
:root{--theme-page:#F6F7FB;--theme-surface:#FFFFFF;--theme-raised:#FAFBFD;--theme-ink:#222632;--theme-muted:#626B7B;--theme-line:#E6E8EF;--theme-soft:#FFF0ED;--theme-accent:#B9362C}
:root[data-display-mode=dark]{color-scheme:dark;--theme-page:#141720;--theme-surface:#1E222D;--theme-raised:#242A37;--theme-ink:#EDF0F6;--theme-muted:#A7B0C0;--theme-line:#394253;--theme-soft:#39292D;--theme-accent:#FF988E}
:root[data-display-mode=comfort]{color-scheme:light;--theme-page:#F1F0E5;--theme-surface:#FAF9F0;--theme-raised:#F4F3E9;--theme-ink:#30372E;--theme-muted:#606956;--theme-line:#D8DDCB;--theme-soft:#F5E5DC;--theme-accent:#A9362C}
:root[data-display-mode] body{--paper:var(--theme-page);--page:var(--theme-page);--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--accent:var(--theme-accent);--staff-bg:var(--theme-page);--staff-surface:var(--theme-surface);--staff-ink:var(--theme-ink);--staff-muted:var(--theme-muted);--staff-border:var(--theme-line);--staff-accent:var(--theme-accent);--staff-accent-soft:var(--theme-soft);background:var(--theme-page);color:var(--theme-ink)}
.display-mode-control{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:500;white-space:nowrap;flex:none;color:inherit}
.display-mode-control select{width:auto;min-width:92px;max-width:120px;min-height:36px;padding:7px 9px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-surface);color:var(--theme-ink);font:inherit;cursor:pointer}
.staff-topbar .display-mode-control{margin-right:12px}.staff-login-card>.display-mode-control{display:flex;justify-content:flex-end;margin-bottom:20px}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) :is(.staff-panel,.staff-sidebar,.staff-table-wrap,.staff-dialog,.staff-dialog-head,.staff-course-editor .staff-tabs,.staff-course-editor>.staff-form-actions,.staff-topbar #staff-logout,.staff-login-card,.site-header,.panel,.card,.ops-card,.ops-compact-card,.ops-portals button,.ops-product-card,.ops-drawer,.ops-drawer-header,.ops-drawer-footer,.purchase-panel,.brand-footer,.mobile-nav,.ops-store-tools,.course-type-tabs,.ops-store-categories,.ops-store-toolbar,.ops-storefront,.media-transfer-tray){background:var(--theme-surface);color:var(--theme-ink);border-color:var(--theme-line)}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) :is(.staff-subpanel,.staff-table th,.staff-table tbody tr:hover,.staff-pill,.staff-permission-option,.staff-permission-fieldset,.staff-publish-preview,.ops-resume,.ops-calendar-grid>div,.ops-calendar-grid>button,.ops-store-search,.ops-tabs,.search-pager,.status,.demo-banner){background:var(--theme-raised);color:var(--theme-ink);border-color:var(--theme-line)}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) :is(input,textarea,select){background:var(--theme-surface);color:var(--theme-ink);border-color:var(--theme-line)}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) :is(.staff-table th,.staff-muted,.staff-help,.staff-sidebar-foot,.staff-page-heading p,.brand-slogan,.ops-muted,.muted,.staff-video-info,.ops-product-spec,.ops-store-sorts button,.ops-store-categories button,.ops-heading p){color:var(--theme-muted)}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) :is(button.secondary,.secondary,.text-button,.back,.staff-inline-heading button,.staff-actions button,.staff-dialog-close,.staff-pagination button,.staff-form-actions button:not(.staff-primary),.staff-panel-button){background:var(--theme-surface);color:var(--theme-ink);border-color:var(--theme-line)}
:root[data-display-mode] :is(.staff-nav button[aria-current=page],.staff-tabs button[aria-pressed=true],.ops-store-categories button[aria-pressed=true],.ops-store-sorts button[aria-pressed=true],.ops-segmented button[aria-pressed=true]){background:var(--theme-soft);color:var(--theme-accent)}
:root[data-display-mode] :is(.brand-footer strong,.ops-product-price,.mobile-nav button.active,.course-type-tabs button[aria-pressed=true]){color:var(--theme-accent)}
:root[data-display-mode=dark] :is(.mobile-nav img,.header-actions img,.secondary img,.text-button img){filter:brightness(0) invert(1);opacity:.85}
:root[data-display-mode=dark] .mobile-nav button.active img{filter:invert(76%) sepia(29%) saturate(1205%) hue-rotate(313deg) brightness(108%) contrast(100%);opacity:1}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) :is(.ops-empty,.empty,.ops-segmented){background:var(--theme-raised);color:var(--theme-muted);border-color:var(--theme-line)}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) .ops-segmented button{color:var(--theme-ink)}
:root[data-display-mode=dark] #account img{filter:brightness(0) invert(1);opacity:.85}
:root[data-display-mode] :is(.staff-primary,form[action="/staff/login"] button[type=submit],.ops-home-hero-copy>button){background:#FF6F61;border-color:#FF6F61;color:#20232D}
:is(:root[data-display-mode=dark],:root[data-display-mode=comfort]) :is(.staff-preview,.staff-dashboard>main.staff-shell>.staff-note,#staff-status:not(:empty)){background:var(--theme-soft);color:var(--theme-accent);border-color:var(--theme-line)}
:root[data-display-mode=dark] :is(.staff-form-error:not(:empty),.status-error){background:#442423;color:#FFB4AB;border-color:#79443F}
:root[data-display-mode=dark] :is(.staff-pill--active,.staff-local-feedback,.staff-added:disabled){background:#173A2C!important;color:#B4E3CA!important;border-color:#3E6D55!important}
:root[data-display-mode=dark] :is(.staff-danger,.danger){color:#FFB4AB;border-color:#79443F}
:root[data-display-mode] .brand-wordmark,:root[data-display-mode] .site-header .brand,:root[data-display-mode] .site-header .brand span{color:#FF6F61}
:root[data-display-mode] input::placeholder,:root[data-display-mode] textarea::placeholder{color:var(--theme-muted);opacity:.9}
@media(max-width:760px){.display-mode-control>span{display:none}.display-mode-control select{min-width:78px;max-width:98px;padding:6px;font-size:12px}.header-actions{gap:6px}.site-header .brand{font-size:18px}.staff-topbar .display-mode-control{margin:0 0 4px}.staff-topbar .staff-brand{display:block}}