:root {
  color-scheme: dark;

  --navy-1000: #040913;
  --navy-950: #07101d;
  --navy-900: #0b1424;
  --navy-850: #0f1b2f;
  --navy-800: #14233b;
  --navy-750: #192b47;
  --navy-700: #213858;
  --navy-600: #2c4a6e;
  --navy-500: #3d6089;

  --ivory: #f7f1e3;
  --ivory-soft: #e8e0d0;
  --ivory-muted: #b8b1a3;
  --steel: #94a3b8;
  --steel-soft: #c4cedd;

  --gold: #e3bd62;
  --gold-bright: #f5d98a;
  --gold-soft: rgba(227, 189, 98, 0.16);
  --gold-deep: #a77a2c;

  --emerald: #2fae86;
  --emerald-bright: #5dd6b0;
  --emerald-soft: rgba(47, 174, 134, 0.15);
  --ruby: #d65a6a;
  --ruby-bright: #ef8190;
  --ruby-soft: rgba(214, 90, 106, 0.16);
  --sapphire: #6c8ee3;
  --violet: #9b7ede;
  --copper: #c77b4b;

  --focus-ring: #ffd77a;
  --focus-shadow: 0 0 0 2px var(--navy-950), 0 0 0 5px var(--focus-ring);

  --surface-0: rgba(7, 16, 29, 0.92);
  --surface-1: rgba(15, 27, 47, 0.9);
  --surface-2: rgba(20, 35, 59, 0.86);
  --surface-3: rgba(33, 56, 88, 0.7);
  --surface-glass: rgba(11, 20, 36, 0.76);
  --surface-ivory: #f5efe2;
  --surface-card: linear-gradient(145deg, rgba(23, 42, 70, 0.96), rgba(11, 22, 39, 0.96));

  --border-subtle: rgba(247, 241, 227, 0.1);
  --border: rgba(247, 241, 227, 0.16);
  --border-strong: rgba(247, 241, 227, 0.28);
  --border-gold: rgba(227, 189, 98, 0.42);
  --board-line: rgba(227, 189, 98, 0.18);

  --text-primary: var(--ivory);
  --text-secondary: var(--ivory-soft);
  --text-muted: var(--ivory-muted);
  --text-on-light: #16243a;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.28);
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 18px 54px rgba(0, 0, 0, 0.32);
  --shadow-lg: 0 36px 100px rgba(0, 0, 0, 0.42);
  --shadow-gold: 0 0 0 1px rgba(227, 189, 98, 0.26), 0 16px 48px rgba(0, 0, 0, 0.32);

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --tap-size: 44px;
  --content-max: 1440px;
  --prose-max: 68ch;
  --transition-fast: 140ms ease;
  --transition: 220ms ease;
  --transition-slow: 420ms cubic-bezier(0.22, 1, 0.36, 1);

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}