:root {
  color-scheme: dark;
  --paper: #090a0b;
  --ink: #f5f3f0;
  --muted: #aeacb2;
  --line: #2b2c30;
  --accent: #ff9b52;
  --accent-pale: #2a1c12;
  --green: #ffad70;
}
body { background: var(--paper); color: var(--ink); }
::selection { background: #ff9b5259; color: #fff; }
.navigation { background: #131416e8; border-color: #ffffff26; box-shadow: 0 8px 35px #0003; }
.navigation nav { color: #c0bec4; }
.nav-action { color: #f2f0ed; }
.brand-mark { background: linear-gradient(135deg, #ffd0a9, #f47e30); }
.demo-mount { background: #121315; box-shadow: 0 10px 30px #0002; }
.case-navigation, .case-tabs { background: #101113; }
.case-tab { background: #191a1e; border-color: #353539; }
.case-tab:hover { background: #242023; border-color: #9c653e; }
.case-tab[aria-selected=true] { background: #2c1e14; border-color: #f39550; box-shadow: inset 0 0 0 1px #ff9b5222; }
.case-tab[aria-selected=true] strong { color: #ffb479; }
.case-tab small, .case-tab[aria-selected=true] small, .case-total { color: #bcb2a9; }
.viewer-heading p, .comparison-guide, .section-note, .context-explainer p,
.scene-caption, .paired-note, .control-hint, .control-status,
.method-summary p, .method-figure figcaption, .site-footer p { color: #b0adb4; }
.comparison-guide>span, .library-caption>span { color: var(--accent); }
.context-explainer { border-color: var(--line); }
.scene-caption strong, .head-label, .head-label strong { color: #e3dfe1; }
.head-label small { color: #aaa6ae; }
.head-card.ours .head-label strong, .head-card.ours .head-label small, .fullscene-layout .output .scene-caption { color: #ffb479; }
.head-card.ours .media-surface, .fullscene-layout .output .media-surface { box-shadow: 0 0 0 1.5px #e58b4a; }
.audio-badge, .method-count { border-color: #544132; background: #241b15; color: #ffc99f; }
.view-switch { background: #0d0e10; border-color: #373237; }
.view-switch button { color: #bdb8bd; }
.view-switch button:hover { background: #261d17; color: #ffb479; }
.view-switch button[aria-pressed=true] { background: #342318; border-color: #ad744b; color: #ffc99f; box-shadow: none; }
.head-label select, .speed-select { color: #e6dfd9; border-color: #454047; background: #1e1e22; }
.head-label select:hover { background: #2a231e; border-color: #c18556; }
select option, select optgroup { background: #191a1d; color: #f5f3f0; }
.icon-button, .frame-controls button { background: #1d1e22; border-color: #454047; color: #e9e5e2; }
.icon-button:hover, .frame-controls button:hover { background: #382619; border-color: #d58c54; color: #ffbf8c; }
.icon-button.primary-control { color: #160f0a; background: #ff9b52; border-color: #ff9b52; }
.icon-button.primary-control:hover { background: #ffb77e; border-color: #ffb77e; }
.time-label { color: #c7c0ba; }
.timeline { accent-color: #ff9b52; }
.control-hint kbd { border-color: #49444a; background: #1b1c20; color: #e0c0a6; }
.collection-filters button { background: #17181b; border-color: #3b393e; color: #bbb6be; }
.collection-filters button:hover { border-color: #b67647; color: #ffba86; }
.collection-filters button[aria-pressed=true] { background: #ff9b52; color: #140e09; border-color: #ff9b52; }
.library-poster, .reference-card .media-surface, .reference-dialog>img { background: #17181b; }
.reference-dialog { background: #151619; border-color: #514336; box-shadow: 0 24px 90px #000a; }
.reference-dialog::backdrop { background: #000c; }
.method-figure { background: #151619; border-color: #373337; }
.method-figure img { border-radius: 7px; }
.footer-notes a { color: #ffba86; border-color: #9e6b44; }
.skip-link { background: #1a1b1e; color: #fff; }
.note-dot { background: var(--accent); }