/* Variables de thème partagées par toutes les pages (« Cinéma raffiné »). Remplace les blocs :root{...} auparavant dupliqués à l'identique dans chaque page. Le thème effectif (dark/light) est posé sur par assets/theme-init.js avant le premier rendu, pour éviter un flash. */ :root, :root[data-theme="dark"]{ --bg: #0a0a0a; --panel: #161616; --border: #262626; --text: #e9e5dc; --text-dim: #8a8578; --accent: #d4a53d; --accent-dim: #6b551f; --accent-gradient: linear-gradient(135deg, #d4a53d, #b3862c); --danger: #b3503f; --win: #6fae7f; --lose: #b3503f; --select-border: #ffffff; --row-bg: var(--panel); --row-bg-top: rgba(212,165,61,0.03); --shadow-sm: 0 2px 8px rgba(0,0,0,.3); --shadow-md: 0 8px 24px rgba(0,0,0,.5); --shadow-lg: 0 12px 40px rgba(0,0,0,.6); /* Échelle d'espacement/rayons partagée par les deux thèmes (valeurs identiques quel que soit dark/light, pas besoin de les redéfinir dans le bloc light). */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-pill: 999px; --focus-ring: 0 0 0 3px rgba(212,165,61,0.35); } :root[data-theme="light"]{ --bg: #faf6ec; --panel: #ffffff; --border: #e7ddc4; --text: #2b2419; --text-dim: #8a7c5c; --accent: #d4a53d; --accent-dim: #cbb37a; --accent-gradient: linear-gradient(135deg, #d4a53d, #b3862c); --danger: #b3503f; --win: #4f8f63; --lose: #b3503f; --select-border: #000000; --row-bg: var(--bg); --row-bg-top: var(--panel); --shadow-sm: 0 2px 8px rgba(120,100,60,.08); --shadow-md: 0 8px 24px rgba(120,100,60,.12); --shadow-lg: 0 12px 32px rgba(120,100,60,.16); }