/* Burgundy & slate site palette. */
:root[data-palette="burgundy"] { --main: #343f4c; --paper: #faf7f5; --accent: #854454; --accent-text: #793747; --tint: #eddbdf; --soft: #eaecef; --line: #d7d7dc; --muted: #646773; --dark-paper: #1b2029; --dark-surface: #2b3340; --bright: #e5acbb; }
:root[data-palette]:not([data-palette="current"]) { --ink: var(--main); --surface: #fff; --button-bg: var(--main); --button-text: #fff; --band: var(--main); --band-text: #f6f5f2; --band-muted: #e1e2df; --lime: var(--bright); --note-ink: var(--main); }
:root[data-theme="dark"][data-palette]:not([data-palette="current"]) { --paper: var(--dark-paper); --ink: #f2f3f4; --muted: #bac2ca; --line: #46505a; --surface: var(--dark-surface); --soft: var(--dark-surface); --button-bg: var(--bright); --button-text: var(--main); --accent-text: var(--bright); --band: var(--dark-surface); }
:root[data-palette]:not([data-palette="current"]) h1 em,
:root[data-palette]:not([data-palette="current"]) h2 em { color: var(--accent-text); }
:root[data-palette]:not([data-palette="current"]) .button { background: var(--button-bg); border-color: var(--button-bg); color: var(--button-text); }
:root[data-palette]:not([data-palette="current"]) .button:hover { background: var(--button-bg); border-color: var(--button-bg); filter: brightness(.92); }
:root[data-palette]:not([data-palette="current"]) .study-card { background: var(--tint); color: var(--note-ink); border-color: var(--accent); box-shadow: 10px 12px 0 var(--soft); }
:root[data-palette]:not([data-palette="current"]) .study-card h2 em { color: var(--note-ink); }
:root[data-palette]:not([data-palette="current"]) .card-top,
:root[data-palette]:not([data-palette="current"]) .step-number { border-color: var(--accent); }
:root[data-palette]:not([data-palette="current"]) .subject-card,
:root[data-palette]:not([data-palette="current"]) .skip-link { background: var(--surface); color: var(--ink); }
:root[data-palette]:not([data-palette="current"]) .subject-index { color: var(--muted); }
:root[data-palette]:not([data-palette="current"]) .tags span { background: var(--soft); color: var(--ink); }
:root[data-palette]:not([data-palette="current"]) .booking-card { background: var(--soft); }
:root[data-palette]:not([data-palette="current"]) select,
:root[data-palette]:not([data-palette="current"]) .format-options label { background: var(--surface); color: var(--ink); border-color: var(--line); }
:root[data-palette]:not([data-palette="current"]) .booking-status { background: var(--surface); border-left-color: var(--accent); }
:root[data-palette]:not([data-palette="current"]) .format-options input { accent-color: var(--button-bg); }
:root[data-palette]:not([data-palette="current"]) .approach-band { background: var(--band); color: var(--band-text); }
:root[data-palette]:not([data-palette="current"]) .approach-list p,
:root[data-palette]:not([data-palette="current"]) .approach-inner > div > p:last-child { color: var(--band-muted); }
:root[data-palette]:not([data-palette="current"]) .approach-list li { border-color: #ffffff40; }
:root[data-palette]:not([data-palette="current"]) :is(a,button,select,input,summary):focus-visible { outline-color: var(--accent-text); }