/* Rouge — design tokens (carte 03). Dark-first, light via prefers-color-scheme. */
:root {
  --velours: #1c1016; --loge: #2a1a22; --rideau: #3b2731;
  --rouge: #b3122e; --rouge-vif: #d8244a;
  --ivoire: #f4e9e0; --poudre: #b39aa4; --champagne: #d8b46a;
  --bg: var(--velours); --surface: var(--loge); --line: var(--rideau);
  --text: var(--ivoire); --text-2: var(--poudre); --accent: var(--rouge); --accent-hover: var(--rouge-vif); --live: var(--champagne);
  --font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --font-text: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --step--1: 0.875rem; --step-0: 1rem; --step-1: 1.125rem; --step-2: 1.375rem; --step-3: 1.75rem; --step-4: 2.25rem; --step-5: 3rem;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --radius-room: 14px; --radius-pill: 999px; --radius-button: 10px;
  color-scheme: dark;
}
/* Dark = le thème de la salle, par défaut pour tout le monde. Light = opt-in explicite (data-theme="light"), jamais déduit de l'OS. */
:root[data-theme="light"] { --bg: #f7f1ec; --surface: #ffffff; --line: #e6d7dc; --text: #241219; --text-2: #75606a; --accent: #b3122e; --accent-hover: #971026; --live: #a8843c; color-scheme: light; }