/* ======================================================== theme.css — Palette du site. Yann édite ce fichier pour changer les couleurs globales. ======================================================== */ /* DARK par défaut (suit OS) */ :root { --bg: #0b0d10; --bg-elevated: #14181d; --bg-card: #161b22; --border: #232a33; --text: #e8eaed; --text-muted: #8b95a1; --text-dim: #5e6975; --accent: #00d97e; /* vert terminal */ --accent-soft: rgba(0,217,126,.12); --accent-glow: rgba(0,217,126,.35); --warn: #ffb454; --danger: #ff5d6c; --radius: 10px; --radius-lg: 16px; --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow: 0 8px 24px rgba(0,0,0,.35); --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace; --max-w: 1100px; --max-w-text: 72ch; color-scheme: dark; } /* LIGHT — déclenché par classe sur OU media query si auto */ [data-theme="light"] { --bg: #fafaf7; --bg-elevated: #ffffff; --bg-card: #ffffff; --border: #e5e3dd; --text: #111418; --text-muted: #4a5260; --text-dim: #7a818c; --accent: #0d8f5b; --accent-soft: rgba(13,143,91,.10); --accent-glow: rgba(13,143,91,.18); --warn: #b85c00; --danger: #c81e3a; --shadow-sm: 0 1px 2px rgba(40,40,40,.06); --shadow: 0 12px 28px rgba(40,40,40,.10); color-scheme: light; } /* Auto : suit l'OS quand data-theme="auto" est posé (par défaut) */ @media (prefers-color-scheme: light) { [data-theme="auto"] { --bg: #fafaf7; --bg-elevated: #ffffff; --bg-card: #ffffff; --border: #e5e3dd; --text: #111418; --text-muted: #4a5260; --text-dim: #7a818c; --accent: #0d8f5b; --accent-soft: rgba(13,143,91,.10); --accent-glow: rgba(13,143,91,.18); --warn: #b85c00; --danger: #c81e3a; --shadow-sm: 0 1px 2px rgba(40,40,40,.06); --shadow: 0 12px 28px rgba(40,40,40,.10); color-scheme: light; } }