:root {
  color-scheme: light;
  --bg: #fbfbfa;
  --surface: #ffffff;
  --surface-alt: #f0f2f4;
  --ink: #17202a;
  --muted: #66717c;
  --brand: var(--brand-orange);
  --brand-dark: var(--brand-slate);
  --accent: var(--brand-red);
  --line: #e0e3e6;
  --shadow-color: rgba(18, 36, 48, 0.12);
  --shadow: 0 18px 45px rgba(18, 36, 48, 0.12);
  --hero-glow: rgba(217, 120, 41, 0.16);
  --hero-start: rgba(255, 255, 255, 0.96);
  --hero-end: rgba(240, 242, 244, 0.94);
  --hero-bg: radial-gradient(circle at 82% 22%, rgba(217, 120, 41, 0.16), transparent 22rem), linear-gradient(120deg, rgba(255, 255, 255, 0.96), rgba(240, 242, 244, 0.94));
  --page-hero-bg: var(--hero-bg);
  --input-bg: #ffffff;
  --nav-active-bg: var(--surface-alt);
  --nav-active-ink: var(--brand-dark);
  --icon-bg: rgba(217, 120, 41, 0.12);
  --icon-ink: var(--brand-dark);
  --feature-bg: var(--brand-slate);
  --feature-ink: #ffffff;
  --feature-muted: #d6edf1;
  --footer-bg: var(--brand-slate);
  --footer-ink: #c9d7dc;
  --footer-link: #ffffff;
  --button-ink: #ffffff;
  --focus-ring: 0 0 0 3px rgba(217, 120, 41, 0.28);
}