/* Component roles, shared by every page. Keep colors out of component layouts. */
:root{
 color-scheme:light;
 --paper:#f8f6f0;--cream:#f1eee5;--ink:#173e3a;--muted:#677063;--wine:#75333f;--gold:#a27c43;--line:#deded2;
 --surface:#fffefa;--surface-panel:#f3f1e9;--surface-soft:#eeeee4;--surface-control:#fffef9;--surface-hover:#e9eddf;
 --surface-header:rgba(248,246,240,.97);--surface-reader:#e8eae2;--surface-overlay:#f8f6f0f2;
 --text-primary:var(--ink);--text-secondary:var(--muted);--text-accent:#88652f;--action-text:var(--wine);--text-inverse:#f8f6f0;--text-inverse-muted:#d0dace;
 --brand-surface:#173e3a;--brand-surface-soft:#1f4841;--brand-wordmark-secondary:#46605a;
 --series-surface:#173e3a;--series-text:#f8f6f0;--series-muted:#dfdfce;--series-accent:#d8bf94;
 --selection-background:#173e3a;--selection-text:#fff;--selection-border:#173e3a;
 --fit-selection-background:#e5edda;--fit-selection-text:#46663e;--fit-selection-border:#aabd94;
 --border-default:var(--line);--border-strong:#b6b9a8;--focus-ring:var(--gold);--icon-color:#74826b;
 --progress-track:#d6dccd;--progress-fill:#7e9573;--feedback-background:#173e3a;--feedback-text:#fff;
 --image-caption-background:rgba(9,30,25,.8);--image-caption-text:#fff;--image-caption-border:#ffffff25;
 --hero-shade:rgba(248,246,240,.95);--hero-fade:rgba(248,246,240,.82);--hero-edge:rgba(248,246,240,.24)
}
html[data-site-theme="light"]{
 --paper:#fff;--cream:#f4f7f5;--ink:#183e39;--muted:#58685f;--gold:#946b33;--line:#d9e2dc;
 --surface:#fff;--surface-panel:#f5f7f5;--surface-soft:#edf2ef;--surface-control:#fff;--surface-hover:#e6eee8;
 --surface-header:rgba(255,255,255,.98);--surface-reader:#eef2ee;--surface-overlay:#fffffff2;
 --border-strong:#9aaa9f;--icon-color:#586c5d;
 --hero-shade:rgba(255,255,255,.97);--hero-fade:rgba(255,255,255,.86);--hero-edge:rgba(255,255,255,.25)
}
html[data-site-theme="dark"]{
 color-scheme:dark;
 --paper:#121c1c;--cream:#1a2928;--ink:#e6eee8;--muted:#abbdb3;--wine:#a44b64;--gold:#d4b17a;--line:#3c504b;
 --surface:#1c2b2a;--surface-panel:#1a2928;--surface-soft:#263836;--surface-control:#223331;--surface-hover:#314640;
 --surface-header:#121c1cf7;--surface-reader:#0c1414;--surface-overlay:#1c2b2af2;
 --action-text:#e8b0be;--text-accent:#d4b17a;--text-inverse:#f4f7ef;--text-inverse-muted:#bdcec2;--brand-wordmark-secondary:#c5d5c9;
 --series-surface:#1c2b2a;--series-text:#e6eee8;--series-muted:#bdcec2;--series-accent:#d4b17a;
 --selection-background:#365347;--selection-text:#f4f7ef;--selection-border:#d4b17a;
 --fit-selection-background:#365347;--fit-selection-text:#f4f7ef;--fit-selection-border:#d4b17a;
 --border-strong:#6e887a;--icon-color:#c2d1c5;--progress-track:#33483c;--progress-fill:#adc296;
 --feedback-background:#1c2b2a;--feedback-text:#e6eee8;
 --hero-shade:rgba(18,28,28,.97);--hero-fade:rgba(18,28,28,.87);--hero-edge:rgba(18,28,28,.3)
}
select option{background:var(--surface-control);color:var(--text-primary)}
input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}