:root {
  --navy-950: #06182e;
  --navy-900: #0a2544;
  --navy-800: #123b64;
  --navy-700: #245578;
  --gold-600: #a97825;
  --gold-500: #bd8b32;
  --gold-300: #e1be79;
  --ivory-50: #fffaf1;
  --ivory-100: #fbf2e2;
  --mist-100: #eef2f5;
  --mist-200: #dfe7ee;
  --slate-500: #66788a;
  --ink: #102b47;
  --text-soft: #536678;
  --yes: #286b4c;
  --yes-soft: #dceee5;
  --no: #96464e;
  --no-soft: #f3dfe1;
  --glass: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(255, 255, 255, 0.92);
  --line: rgba(8, 40, 70, 0.11);
  --shadow: 0 18px 50px rgba(31, 58, 84, 0.13), 0 3px 12px rgba(31, 58, 84, 0.06);
  --shadow-soft: 0 9px 30px rgba(31, 58, 84, 0.09);
  --radius-xl: 30px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --tap-min: 48px;
  color-scheme: light dark;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--ivory-50);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ivory-50: #06182e;
    --ivory-100: #0a2038;
    --mist-100: #102b47;
    --mist-200: #1b3b58;
    --ink: #f6eddf;
    --text-soft: #b7c5d1;
    --glass: rgba(10, 32, 56, 0.76);
    --glass-strong: rgba(12, 38, 66, 0.91);
    --glass-border: rgba(255, 255, 255, 0.14);
    --line: rgba(255, 255, 255, 0.12);
    --gold-300: #d7ac61;
    --shadow: 0 18px 50px rgba(0, 0, 0, 0.34), 0 3px 12px rgba(0, 0, 0, 0.24);
    --shadow-soft: 0 9px 30px rgba(0, 0, 0, 0.25);
  }
}