/* One dark treatment, rendered for explicit choice and the no-JavaScript system fallback. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f2f3f4;
  --muted: #b0b4b8;
  --line: #414446;
  --paper: #151617;
  --accent: #e58f77;
  --accent-ink: #eda18d;
  --surface: #202224;
  --surface-raised: #2b2e30;
  --stage: #303d44;
  --stage-line: #899da9;
  --focus: #adcedf;
}
:root[data-theme="dark"] .theme-moon { display: none; }
:root[data-theme="dark"] .theme-sun { display: block; }
:root[data-theme="dark"] .brand-logo { filter: url(#brand-alpha) brightness(0) invert(.95); }
:root[data-theme="dark"] .site-header { background: #191b1dec; border-color: var(--line); }
:root[data-theme="dark"] .site-footer { background: var(--paper); }
:root[data-theme="dark"] .nav-links a,
:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] .hero-description,
:root[data-theme="dark"] .footer-links nav,
:root[data-theme="dark"] .closing-copy > p:not(.eyebrow),
:root[data-theme="dark"] .pilot-facts span { color: var(--muted); }
:root[data-theme="dark"] .nav-links a:hover,
:root[data-theme="dark"] .nav-links a[aria-current],
:root[data-theme="dark"] .solution-notes dt { color: var(--ink); }
:root[data-theme="dark"] .button { color: #1b1d1f; background: #eceef0; border-color: #eceef0; }
:root[data-theme="dark"] .button:hover { background: #fff; border-color: #fff; }
:root[data-theme="dark"] .icon-button:hover { background: #ffffff10; border-color: #ffffff20; }
:root[data-theme="dark"] .skip-link { background: var(--surface-raised); }
:root[data-theme="dark"] .feature-panel__surface {
  border-color: var(--line);
  background: var(--surface);
  box-shadow: 0 4px 12px #0003;
}
:root[data-theme="dark"] .feature-panel__media { border-color: #62696e; }
:root[data-theme="dark"] .scene-crop { background-color: #292d31; background-blend-mode: multiply; }
:root[data-theme="dark"] .scene-crop::before { background: transparent; }
:root[data-theme="dark"] .screen,
:root[data-theme="dark"] .hero-screen > .screen {
  color: var(--ink);
  background: #222426f5;
  border-color: #62686d;
  box-shadow: 0 20px 60px #0004, inset 0 1px #ffffff0d;
}
:root[data-theme="dark"] .screen-chrome { background: #ffffff03; border-color: var(--line); }
:root[data-theme="dark"] .screen-tabs { border-color: var(--line); }
:root[data-theme="dark"] .screen-tabs button { color: var(--muted); }
:root[data-theme="dark"] .screen-tabs button[aria-selected="true"] { color: var(--ink); background: #ffffff0d; border-color: #636a70; }
:root[data-theme="dark"] .screen-tabs button:hover { background: #ffffff12; }
:root[data-theme="dark"] .message-preview { background: #ffffff03; border-color: var(--line); }
:root[data-theme="dark"] .draft-preview { background: #2b3136; border-color: #525d65; }
:root[data-theme="dark"] .draft-preview > div:first-child > svg { color: #bbd0df; }
:root[data-theme="dark"] .source-note,
:root[data-theme="dark"] .example-footer { border-color: var(--line); }
:root[data-theme="dark"] .example-play { background: #ffffff08; }
:root[data-theme="dark"] .example-play:hover { background: #ffffff15; }
:root[data-theme="dark"] .step-number { background: #343b41; color: var(--ink); border-color: #64717b; }
:root[data-theme="dark"] .example-steps .done .step-number { background: #334550; }
:root[data-theme="dark"] .example-steps .current .step-number { background: #c4d6e1; color: #17252e; }
:root[data-theme="dark"] .live-pill,
:root[data-theme="dark"] .process-output,
:root[data-theme="dark"] .copy-status { color: var(--accent-ink); }
:root[data-theme="dark"] .live-pill.blue { color: #adcedf; }
:root[data-theme="dark"] .tag { border-color: #636c73; }
:root[data-theme="dark"] .tag.green,
:root[data-theme="dark"] .tag.blue { background: #334550; color: #c7d9e6; }
:root[data-theme="dark"] .avatar-blue { background: #344b57; color: #d0e1ea; border-color: #687d87; }
:root[data-theme="dark"] .pilot-invitation { background: #252729; }
:root[data-theme="dark"] .pilot-invitation p:not(.eyebrow) { color: #c6c9cc; }
:root[data-theme="dark"] .review-section,
:root[data-theme="dark"] .deliverables-section { background: #1e2022; }
:root[data-theme="dark"] .review-document { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] .review-document dl > div,
:root[data-theme="dark"] .deliverables-list article { border-color: var(--line); }
:root[data-theme="dark"] .review-document dd { color: var(--muted); }
:root[data-theme="dark"] .document-footer { background: #2c3339; color: #c0d0dc; }
:root[data-theme="dark"] .process-list article > span { color: var(--muted); }
:root[data-theme="dark"] .opening-scene,
:root[data-theme="dark"] .closing { background: #191d20; }
/* Terrain imagery changes tone without altering its masks or moving planes. */
:root[data-theme="dark"] .scene-base,
:root[data-theme="dark"] .scene-plane > img,
:root[data-theme="dark"] .scene-foreground > img,
:root[data-theme="dark"] .about-landscape > img,
:root[data-theme="dark"] .contact-landscape > img { filter: brightness(.25) saturate(.45); }
:root[data-theme="dark"] .scene-caption,
:root[data-theme="dark"] .about-landscape > span,
:root[data-theme="dark"] .contact-landscape .wrap { text-shadow: none; }
:root[data-theme="dark"] .surface-reflection { opacity: .3; }
:root[data-theme="dark"] .feature-panel__surface::after { border-color: #dae5eb; }
@media (max-width: 850px) {
  :root[data-theme="dark"] .nav-links { background: #222426; }
}