:root {
  --wine-950: #120305;
  --wine-900: #1a0507;
  --wine-800: #2a0a0e;
  --wine-700: #3b0c12;
  --wine-600: #4b090e;
  --wine-500: #6e1119;
  --wine-400: #8f1a24;

  --gold-200: #efdfbf;
  --gold-300: #e3cba0;
  --gold-400: #cdb28a;
  --gold-500: #b6925c;
  --gold-600: #96743f;

  --cream-50:  #fdf9f1;
  --cream-100: #f8f0e0;
  --cream-200: #f0e4cd;
  --cream-300: #e3d3b6;
  --cream-400: #c9b699;

  --ink-900: #0b0304;
  --ink-800: #181012;
  --brown-900: #231712;


  --court-green: #2f9862;
  --court-green-bright: #5fe39a;
  --court-amber: #d9a441;
  --court-red: #c8443b;
  --court-blue: #1f3ea6;
  --court-blue-deep: #10225c;


  --bg: var(--wine-950);
  --bg-elev: rgba(255, 244, 224, 0.04);
  --fg: var(--cream-100);
  --fg-muted: rgba(248, 240, 224, 0.62);
  --fg-faint: rgba(248, 240, 224, 0.38);
  --line: rgba(227, 203, 160, 0.16);
  --line-strong: rgba(227, 203, 160, 0.34);
  --accent: var(--gold-300);
  --accent-strong: var(--gold-500);
  --focus: #ffd98a;


  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;

  --fs-eyebrow: clamp(0.68rem, 0.62rem + 0.25vw, 0.78rem);
  --fs-body: clamp(1rem, 0.95rem + 0.25vw, 1.08rem);
  --fs-lead: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --fs-h3: clamp(1.35rem, 1.1rem + 1vw, 1.9rem);
  --fs-h2: clamp(2.2rem, 1.4rem + 3.4vw, 4.4rem);
  --fs-hero: clamp(2.9rem, 1.6rem + 7vw, 8rem);
  --fs-numeral: clamp(5rem, 2rem + 14vw, 15rem);


  --gutter: clamp(1rem, 4vw, 4rem);
  --section-y: clamp(5rem, 12vh, 10rem);
  --radius-s: 6px;
  --radius-m: 14px;
  --radius-l: 24px;
  --nav-h: 72px;


  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inertia: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 180ms;
  --dur: 360ms;
  --dur-slow: 720ms;

  color-scheme: dark;
}
@media (max-width: 900px) {
  :root { --section-y: clamp(3.5rem, 8vh, 5rem); }
}

[data-tone="light"] {
  --bg: var(--cream-100);
  --bg-elev: rgba(43, 10, 14, 0.05);
  --fg: var(--wine-900);
  --fg-muted: rgba(26, 5, 7, 0.66);
  --fg-faint: rgba(26, 5, 7, 0.42);
  --line: rgba(75, 9, 14, 0.14);
  --line-strong: rgba(75, 9, 14, 0.32);
  --accent: var(--wine-600);
  --accent-strong: var(--gold-600);
  color-scheme: light;
}