/* ================================================== WAI — Design tokens Palette vert forêt & or : fond charbon, accent vert, touches dorées. Dark mode via [data-theme="dark"] sur . ================================================== */ :root { /* Accents — vert forêt + or */ --accent: #1A7A4A; --accent-gold: #C9A84C; --accent-soft: rgba(26, 122, 74, .10); --accent-contrast: #EDF7F1; /* Surfaces & texte — light (ardoise froid) */ --bg: #F2F5F3; --bg-raised: #FFFFFF; --bg-sunken: #E6ECE9; --ink: #0D1A12; --ink-soft: #3D5247; --ink-faint: #7A9486; --line: rgba(13, 26, 18, .09); --line-strong: rgba(13, 26, 18, .16); --shadow-sm: 0 2px 10px rgba(13, 26, 18, .05); --shadow-md: 0 12px 32px rgba(13, 26, 18, .08); --shadow-accent: 0 14px 36px rgba(26, 122, 74, .22); --font-display: 'Fraunces', Georgia, serif; --font-body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; --radius-sm: 8px; --radius: 14px; --radius-lg: 28px; --max: 1240px; --ease: cubic-bezier(.22, .61, .36, 1); } [data-theme="dark"] { --accent: #2DA86A; --accent-gold: #D4AF5A; --accent-soft: rgba(45, 168, 106, .14); --accent-contrast: #0A1510; --bg: #0E1210; --bg-raised: #16201A; --bg-sunken: #090E0B; --ink: #EDF2EE; --ink-soft: #8FA898; --ink-faint: #506658; --line: rgba(237, 242, 238, .07); --line-strong: rgba(237, 242, 238, .14); --shadow-sm: 0 2px 10px rgba(0, 0, 0, .35); --shadow-md: 0 12px 32px rgba(0, 0, 0, .5); --shadow-accent: 0 14px 36px rgba(45, 168, 106, .28); }