:root {
  color-scheme: light;

  /* HyperFX core — adult Vegas materials with broadcast-grade accents. */
  --ivory: #f8f6f0;
  --paper: #fffefd;
  --paper-raised: #ffffff;
  --ink: #0c0c11;
  --ink-soft: #20212a;
  --black-glass: #11131a;
  --black-raised: #181b24;
  --chrome: #aeb7c2;
  --chrome-light: #e5e9ee;
  --chrome-dark: #68717d;
  --red: #f51f46;
  --crimson: #a90f2f;
  --emerald: #00a86b;
  --emerald-dark: #006744;
  --acid: #c8ff2e;
  --acid-strong: #a8e900;
  --cyan: #18d8ff;
  --cyan-strong: #009bc4;
  --cyan-dark: #006780;
  --magenta: #ff2d91;
  --magenta-dark: #a00052;
  --uv: #7047ff;

  /* Existing semantic aliases retained for every renderer. */
  --night: var(--ivory);
  --night-raised: var(--paper);
  --panel: rgba(255, 254, 253, 0.96);
  --line: rgba(12, 12, 17, 0.19);
  --line-strong: rgba(12, 12, 17, 0.72);
  --line-inverse: rgba(255, 255, 255, 0.22);
  --muted: #62646d;
  --muted-strong: #3e404a;
  --sky: var(--cyan);
  --sky-strong: var(--cyan-strong);
  --gold: var(--acid);
  --abyss: var(--magenta);
  --ember: var(--red);
  --success: var(--emerald);
  --danger: #d71338;
  --focus: var(--acid);

  --shadow-xs: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  --shadow-sm: 0 8px 18px rgba(20, 22, 28, 0.1);
  --shadow: 10px 12px 0 rgba(12, 12, 17, 0.09), 0 24px 60px rgba(26, 28, 34, 0.1);
  --shadow-dark: 0 22px 55px rgba(0, 0, 0, 0.34);
  --glow-acid: 0 0 0 1px rgba(200, 255, 46, 0.28), 0 0 24px rgba(200, 255, 46, 0.26);
  --glow-cyan: 0 0 0 1px rgba(24, 216, 255, 0.24), 0 0 28px rgba(24, 216, 255, 0.24);
  --glow-red: 0 0 0 1px rgba(245, 31, 70, 0.22), 0 0 28px rgba(245, 31, 70, 0.2);

  --radius: 8px;
  --radius-small: 4px;
  --radius-tight: 2px;
  --touch: 44px;
  --content-max: 1480px;

  --font-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Impact, sans-serif;
  --font-body: Inter, Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-settle: cubic-bezier(0.12, 0.72, 0.2, 1);
  --duration-fast: 140ms;
  --duration-ui: 220ms;
  --duration-scene: 680ms;

  font-family: var(--font-body);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

@media (prefers-contrast: more) {
  :root {
    --line: rgba(12, 12, 17, 0.5);
    --line-strong: #0c0c11;
    --muted: #42434a;
    --muted-strong: #24252b;
  }
}