:root {
  /* ── Rouge & Noir — Stade Toulousain ─────────────────────────────────────────── */
  --color-red: #e3000f;
  --color-red-dim: #b0000c;
  --color-red-bright: #ff2030;
  --color-red-glow: rgba(227, 0, 15, 0.32);

  /* ── Backgrounds ──────────────────────────────────────────────────────────────── */
  --color-black: #000000;
  --color-bg: #080808;
  --color-surface: #111111;
  --color-surface-2: #1c1c1c;

  /* ── Borders ──────────────────────────────────────────────────────────────────── */
  --color-border: #282828;
  --color-border-bright: #383838;

  /* ── Text ─────────────────────────────────────────────────────────────────────── */
  --color-white: #ffffff;
  --color-text: #c8c8c8;
  --color-text-muted: #606060;

  /* ── Typography ───────────────────────────────────────────────────────────────── */
  --font-display: 'Georgia', 'Times New Roman', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* ── Spacing ──────────────────────────────────────────────────────────────────── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* ── Radius ───────────────────────────────────────────────────────────────────── */
  --radius: 3px;
  --radius-lg: 6px;

  /* ── Shadows ──────────────────────────────────────────────────────────────────── */
  --shadow: 0 2px 16px rgba(0, 0, 0, 0.8);
  --shadow-md: 0 4px 32px rgba(0, 0, 0, 0.9);
  --shadow-red: 0 0 32px rgba(227, 0, 15, 0.28);

  /* ── Layout ───────────────────────────────────────────────────────────────────── */
  --max-width: 1080px;
  --transition: 200ms ease;
}