/* ============================================================ theme.css — SmartCIP design tokens (couleurs + polices) Contient uniquement les variables. Le reste des règles est dans styles.css, qui consomme ces variables via var(--x). Pour basculer clair/sombre dynamiquement : document.documentElement.setAttribute('data-theme', 'dark'); document.documentElement.setAttribute('data-theme', 'light'); (ou retirez l'attribut pour revenir au thème clair par défaut) ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@400;600;700&display=swap'); /* Thème clair — valeurs par défaut */ :root, [data-theme="light"] { --bg: #eef1f6; --bg2: #ffffff; --bg3: #f4f6fa; --border: #dde3ec; --accent: #0077b6; --accent2: #023e8a; --green: #2ecc71; --yellow: #f39c12; --red: #e74c3c; --orange: #e67e22; --purple: #9b59b6; --text: #003366; --text-dim: #5a7a99; /* couleurs "brutes" utilisées par les graphiques Chart.js (JS), dupliquées ici pour que les composants CSS restent cohérents */ --chart-tooltip-bg: #ffffff; --chart-tooltip-border: #dde3ec; --chart-grid: #dde3ec; --chart-axis-text: #003366; --chart-alt-line: #00b4d8; --chart-alt-text: #0077b6; --mono: 'Share Tech Mono', monospace; --sans: 'Barlow', sans-serif; --cond: 'Barlow Condensed', sans-serif; } /* Thème sombre — activé via [data-theme="dark"] sur ou */ [data-theme="dark"] { --bg: #0a0e17; --bg2: #0f1520; --bg3: #151d2e; --border: #1e2d45; --accent: #00b4d8; --accent2: #0077b6; --green: #2ecc71; --yellow: #f39c12; --red: #e74c3c; --orange: #e67e22; --purple: #9b59b6; --text: #cdd9e8; --text-dim: #5a7a99; --chart-tooltip-bg: #0f1520; --chart-tooltip-border: #1e2d45; --chart-grid: #1e2d45; --chart-axis-text: #cdd9e8; --chart-alt-line: #00b4d8; --chart-alt-text: #00b4d8; }