/* ========================================================================= By Zigzag — Thème (variables de couleur) DA validée par le client : "dore" (noir/anthracite + accent doré/cuivré), appliquée via [data-theme="dore"] sur . Pour proposer un autre thème : dupliquer le bloc et changer les accents. ========================================================================= */ /* Variables communes (fond sombre partagé par les deux thèmes) */ :root { --c-bg: #121212; --c-bg-elev: #1b1b1b; /* cartes / surfaces surélevées */ --c-bg-elev-2: #242424; /* survol / second niveau */ --c-border: #2e2e2e; --c-text: #f2efe9; --c-text-muted: #a7a29a; --radius: 10px; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --header-h: 80px; } /* Header plus compact en mobile (logo réduit, voir components.css). */ @media (max-width: 560px) { :root { --header-h: 72px; } } /* ---- Thème Doré / Cuivré ---- */ [data-theme="dore"] { --c-accent: #c9a14a; --c-accent-hover: #ddb968; --c-accent-contrast: #1a1408; /* texte sur fond accent */ --hero-overlay: linear-gradient(180deg, rgba(18,18,18,0.55) 0%, rgba(18,18,18,0.92) 100%); --hero-tint: radial-gradient(1200px 500px at 70% -10%, rgba(201,161,74,0.22), transparent 60%); }