/* ================================================== CI Job — Design tokens Palette de marque (orange/vert) adaptée au dark mode. Dark mode via [data-theme="dark"] sur . ================================================== */ :root { --orange: #FF6B35; --orange-soft: rgba(255, 107, 53, .10); --orange-contrast: #FFF8F4; --green: #16A34A; --green-soft: rgba(22, 163, 74, .10); /* Surfaces & texte — light */ --bg: #FFFFFF; --bg-raised: #FBF9F6; --bg-sunken: #F3EDE6; --ink: #1C1916; --ink-soft: #6B6258; --ink-faint: #A39B92; --line: rgba(28, 25, 22, .10); --line-strong: rgba(28, 25, 22, .18); --shadow-sm: 0 2px 10px rgba(28, 25, 22, .05); --shadow-md: 0 12px 32px rgba(28, 25, 22, .08); --shadow-accent: 0 14px 36px rgba(255, 107, 53, .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"] { --orange: #FF8559; --orange-soft: rgba(255, 133, 89, .14); --orange-contrast: #1C1916; --green: #4ADE80; --green-soft: rgba(74, 222, 128, .12); --bg: #16130F; --bg-raised: #1F1B16; --bg-sunken: #0F0D0A; --ink: #F7F3EE; --ink-soft: #BBB1A7; --ink-faint: #786E64; --line: rgba(247, 243, 238, .08); --line-strong: rgba(247, 243, 238, .16); --shadow-sm: 0 2px 10px rgba(0, 0, 0, .3); --shadow-md: 0 12px 32px rgba(0, 0, 0, .4); --shadow-accent: 0 14px 36px rgba(255, 133, 89, .22); }