:root {
  color-scheme: dark;
  --bg: #111820;
  --surface: #17202a;
  --surface-alt: #1f2933;
  --ink: #f4f6f7;
  --muted: #a9b4be;
  --brand: #e17c2a;
  --brand-dark: #f0a866;
  --accent: #e17c2a;
  --line: #2c3845;
  --shadow-color: rgba(0, 0, 0, 0.28);
  --shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
  --hero-glow: rgba(217, 120, 41, 0.22);
  --hero-start: #1f2933;
  --hero-end: #111820;
  --hero-bg: radial-gradient(circle at 82% 22%, rgba(217, 120, 41, 0.22), transparent 22rem), linear-gradient(120deg, #1f2933, #111820);
  --page-hero-bg: var(--hero-bg);
  --input-bg: #10171f;
  --nav-active-bg: rgba(217, 120, 41, 0.14);
  --nav-active-ink: #f0a866;
  --icon-bg: rgba(217, 120, 41, 0.18);
  --icon-ink: #f0a866;
  --feature-bg: #111820;
  --feature-ink: #f4f6f7;
  --feature-muted: #a9b4be;
  --footer-bg: #1f2933;
  --footer-ink: #c9d7dc;
  --footer-link: #ffffff;
  --button-ink: #ffffff;
  --focus-ring: 0 0 0 3px rgba(217, 120, 41, 0.38);
}