/* 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: #0b0d10; --panel: #15171b; --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); } :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); }