:root {
  /* Surfaces — lightest to warmest */
  --parchment: #FBF8F1;  /* page base — very light warm off-white */
  --ivory:     #FFFFFF;  /* card base */
  --limestone: #FFECD1;  /* warm-cream accent (stat strips, CTA band) */
  --limestone-2: #FAE3C3;

  /* Brand */
  --merlot: #681124;
  --merlot-hover: #811530;
  --clay: #B5967C;
  --clay-soft: #D9BCA8;
  --cabernet: #2D000A;
  --ink: color-mix(in srgb, #8A909A 60%, var(--cabernet));
  --muted: #6E5147;

  --font-display: 'STIX Two Text', Georgia, 'Times New Roman', serif;
  --font-ui: 'Geologica', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px color-mix(in srgb, var(--cabernet) 5%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, var(--cabernet) 8%, transparent);
  --shadow-lg: 0 14px 36px color-mix(in srgb, var(--cabernet) 11%, transparent);

  --container-max: 1280px;
  --container-pad: clamp(20px, 4vw, 56px);

  --header-h: 76px;

  --track-eyebrow: 0.16em;
  --track-display: -0.02em;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-fast: 150ms;
  --motion-ui: 240ms;
  --motion-scene: 560ms;
}