/* =========================================================================== Charte reprise du portfolio (arthurbernard.dev) : dark par défaut + light, Poppins (titres) / DM Sans (texte), accent lavande, pills, cards, ombres douces. =========================================================================== */ /* === VARIABLES : Dark mode (défaut) === */ :root { color-scheme: dark; --bg-primary: #121212; --bg-secondary: #1a1a1a; --bg-card: #141414; --text-primary: #e2e8f0; --text-secondary: #94a3b8; --accent: #2949e4; --accent-rgb: 41, 73, 228; --accent-hover: #4361f0; --accent-muted: rgba(41, 73, 228, 0.16); --ok: #22c55e; --warn: #f59e0b; --bad: #ef4444; --bad-muted: rgba(239, 68, 68, 0.15); --font-title: "Poppins", sans-serif; --font-text: "DM Sans", sans-serif; --header-height: 3.5rem; --header-bg: rgba(18, 18, 18, 0.9); --header-border: rgba(41, 73, 228, 0.18); /* Bordure des éléments cliquables (pills, cellules) : lisible au repos. */ --border: rgba(148, 163, 184, 0.28); /* Piste d'un switch au repos (off). */ --track: rgba(148, 163, 184, 0.4); --shadow-card: 0 8px 24px -4px rgba(0, 0, 0, 0.35); /* Échelle de rayons : source unique de vérité (pills, contrôles, cartes). */ --radius-xs: 6px; --radius-sm: 8px; --radius-md: 10px; --radius-card: 12px; --radius-pill: 100px; /* Texte/icône sur fond plein accent ou danger. */ --on-accent: #fff; /* Scrim commun à TOUS les overlays modaux (dialogs .dlg + écrans verrouillés premium .prem-gate-screen) : fond sombre translucide + flou léger, pour un fond identique partout. Volontairement sombre sur les deux thèmes (pas d'override en light), comme les dialogs. */ --scrim-bg: rgba(0, 0, 0, 0.55); --scrim-blur: 4px; } /* === Light mode === */ body.light-theme { color-scheme: light; --bg-primary: #f0f1f2; --bg-secondary: #ffffff; --bg-card: #f8f8f9; --text-primary: #121212; --text-secondary: #374151; --accent: #2949e4; --accent-hover: #1e3ab8; --accent-muted: rgba(41, 73, 228, 0.1); --header-bg: rgba(240, 241, 242, 0.9); --header-border: rgba(41, 73, 228, 0.18); --border: rgba(18, 18, 18, 0.18); --track: rgba(18, 18, 18, 0.25); --shadow-card: 0 6px 18px -4px rgba(41, 73, 228, 0.1); } /* Le date picker natif suit le color-scheme de la RACINE , pas de . Comme la classe de thème est sur , on propage explicitement à en light (en plus du JS qui pose document.documentElement.style.colorScheme). */ :root:has(body.light-theme) { color-scheme: light; }