/* Shared site palette. Original IPA images are never filtered. */
:root[data-palette=forest]{--paper:#f5f6f2;--surface:#fff;--ink:#263c32;--muted:#69776e;--line:#e0e6dc;--accent:#356951;--accent-soft:#eaf1e7;--palette-raised:#fafbf8;--palette-input:#fdfefa;--palette-hover:#f1f5eb;--palette-primary:#356951;--palette-primary-hover:#28563f;--palette-quiet:#eaf0e5}
:root[data-palette=blue]{--paper:#f3f5f8;--surface:#fff;--ink:#283746;--muted:#607184;--line:#dce3eb;--accent:#355f89;--accent-soft:#e6eef7;--palette-raised:#f8fafc;--palette-input:#f8fafc;--palette-hover:#eaf0f7;--palette-primary:#355f89;--palette-primary-hover:#284e75;--palette-quiet:#edf1f6}
:root[data-palette=plum]{--paper:#f6f4f7;--surface:#fff;--ink:#392f40;--muted:#75677e;--line:#e4dfe8;--accent:#70518a;--accent-soft:#f0e8f5;--palette-raised:#faf8fb;--palette-input:#faf8fb;--palette-hover:#f2ecf6;--palette-primary:#70518a;--palette-primary-hover:#5c3f76;--palette-quiet:#f0ecf3}
:root[data-palette=amber]{--paper:#f7f5f1;--surface:#fff;--ink:#3c352e;--muted:#766b5e;--line:#e7e0d6;--accent:#895b2c;--accent-soft:#f6ecdf;--palette-raised:#fcfaf7;--palette-input:#fcfaf7;--palette-hover:#f6eee3;--palette-primary:#895b2c;--palette-primary-hover:#714820;--palette-quiet:#f2ede5}
:root[data-palette=graphite]{--paper:#f4f5f6;--surface:#fff;--ink:#303842;--muted:#68717c;--line:#dfe3e7;--accent:#465566;--accent-soft:#e9edf1;--palette-raised:#f8f9fa;--palette-input:#f8f9fa;--palette-hover:#edf0f3;--palette-primary:#465566;--palette-primary-hover:#344353;--palette-quiet:#eceff2}
@media(prefers-color-scheme:dark){
 :root[data-palette=forest]{--paper:#121916;--surface:#1a2420;--ink:#e5ece8;--muted:#98a8a0;--line:#2b3933;--accent:#63b592;--accent-soft:#1f352c;--palette-raised:#16201c;--palette-input:#1f2b26;--palette-hover:#22312a;--palette-primary:#2f7a5b;--palette-primary-hover:#398c69;--palette-quiet:#151e1a}
 :root[data-palette=blue]{--paper:#131820;--surface:#1c242f;--ink:#e6ecf3;--muted:#a0aebf;--line:#344252;--accent:#9ab9db;--accent-soft:#293e55;--palette-raised:#19212b;--palette-input:#232f3e;--palette-hover:#2b3a4c;--palette-primary:#38658f;--palette-primary-hover:#43749f;--palette-quiet:#17202b}
 :root[data-palette=plum]{--paper:#1a161e;--surface:#27212e;--ink:#eee8f3;--muted:#b4a5c0;--line:#44384e;--accent:#c6a9df;--accent-soft:#41304f;--palette-raised:#221c28;--palette-input:#302638;--palette-hover:#3a2d45;--palette-primary:#70548c;--palette-primary-hover:#82649e;--palette-quiet:#201a26}
 :root[data-palette=amber]{--paper:#1b1814;--surface:#28231d;--ink:#f1eae0;--muted:#b9ac9a;--line:#493e30;--accent:#dfb585;--accent-soft:#443421;--palette-raised:#231e18;--palette-input:#30281f;--palette-hover:#3b3023;--palette-primary:#895b2c;--palette-primary-hover:#9b6935;--palette-quiet:#211c16}
 :root[data-palette=graphite]{--paper:#17191d;--surface:#22262c;--ink:#e9ecf0;--muted:#a8b0bc;--line:#3b424c;--accent:#b0b9c6;--accent-soft:#343d49;--palette-raised:#1d2026;--palette-input:#2b313a;--palette-hover:#343c47;--palette-primary:#4f5d6a;--palette-primary-hover:#5b6b7b;--palette-quiet:#1c2025}
}
:root[data-palette] ::selection{background:var(--accent-soft);color:var(--ink)}
:root[data-palette] :is(button,a,input,select,summary):focus-visible{outline-color:var(--accent)}
:root[data-palette] :is(.sidebar,.module-head,.list-column-head,.flash-card),:root[data-palette] .sidebar-drawer::part(dialog){background:var(--palette-raised);border-color:var(--line)}
:root[data-palette] :is(.button,.icon-button,.field input,.field select,.term-pill,.module-count,kbd){background:var(--palette-input);color:var(--ink);border-color:var(--line)}
:root[data-palette] .button.primary{background:var(--palette-primary);border-color:var(--palette-primary);color:#fff}
:root[data-palette] .button.primary:hover:enabled{background:var(--palette-primary-hover);border-color:var(--palette-primary-hover)}
:root[data-palette] :is(.button:not(.primary):hover:enabled,.lesson-row:hover,.question-row:hover,.history-row:hover,.study-path:hover){background:var(--palette-hover);border-color:var(--line)}
:root[data-palette] :is(.tabs,.learning-modes){background:var(--palette-quiet);border-color:var(--line)}
:root[data-palette] :is(.tabs .tab.active,.learning-modes a[aria-current]){background:var(--surface);color:var(--accent)}
:root[data-palette] :is(.term-row-note,.term-card .exam-note,.review-reminder){background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
:root[data-palette] .main[data-page=terms] .term-row-note{background:transparent}
:root[data-palette] :is(.field label,.field input::placeholder,.keyboard-hints,.study-side-note){color:var(--muted)}
:root[data-palette] :is(.module-stat-bar,.term-progress-track){background:var(--palette-input)}
:root[data-palette] :is(.module-stat-bar>span,.term-progress-fill,.chart-bar){background:var(--accent)}
:root[data-palette] .nav-tooltip{--wa-tooltip-background-color:var(--palette-input);--wa-tooltip-color:var(--ink)}

/* Region boundaries use the same weight in both orientations and every palette. */
:root{
 --region-line:color-mix(in srgb,var(--ink) 28%,var(--surface));
 --region-background:color-mix(in srgb,var(--accent) 8%,var(--surface));
 --region-border:1px solid var(--region-line);
 --region-shadow:color-mix(in srgb,var(--ink) 10%,transparent);
}
.topbar{border-bottom:var(--region-border);background:var(--region-background);box-shadow:0 2px 6px var(--region-shadow)}
:root[data-palette] .sidebar{border-right:var(--region-border);background:var(--region-background);box-shadow:2px 0 6px var(--region-shadow)}
.study-course,.curriculum-storage{border-bottom-color:var(--region-line)}
.study-course{background:var(--region-background)}
.meta-settings{border-left:var(--region-border);box-shadow:-2px 0 6px var(--region-shadow)}
.af-reader,.af-answer{border:var(--region-border)}
.af-reader-toolbar,.af-answer-toolbar{background:var(--region-background);border-bottom:var(--region-border);box-shadow:0 2px 6px var(--region-shadow);z-index:1}
.af-pane-divider>span{background:var(--region-line)}
