:root{  --color-base:#F7F5F0; --color-surface:#FFFFFF; --color-surface-2:#EFECE5; --color-text:#1A1A1A; --color-muted:#71717A; --color-primary:#009F67; --color-primary-dark:#007A4F; --color-accent:#F59E33; --color-accent-dark:#D9861A; --color-success:#00A895; --color-warning:#C7CD2F; --color-sky:#74D2D9; --color-lime:#C7CD2F; --color-teal:#00A895; --color-dark:#009F67; --color-dark-surface:#008856;  --color-card-metier:#F59E33; --color-card-mission:#74D2D9; --color-card-impact:#009F67; --color-card-profil:#C7CD2F; --color-card-formation:#00A895;  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-card:16px; --radius-lg:24px; --radius-pill:9999px; --radius-modal:32px;  --shadow-card: 0 1px 2px rgba(26,26,26,0.04), 0 4px 12px rgba(26,26,26,0.06), 0 12px 32px rgba(26,26,26,0.03); --shadow-elevate: 0 2px 4px rgba(26,26,26,0.06), 0 8px 24px rgba(26,26,26,0.1), 0 24px 48px rgba(26,26,26,0.06); --shadow-inset: inset 0 2px 4px rgba(26,26,26,0.06); --shadow-subtle: 0 1px 3px rgba(26,26,26,0.04); --shadow-glow-primary: 0 4px 20px rgba(0,159,103,0.15); --shadow-glow-accent: 0 4px 20px rgba(245,158,51,0.15);  --border-1:1px solid rgba(26,26,26,0.08); --border-hairline:0.5px solid rgba(26,26,26,0.06); --border-strong:2px solid rgba(26,26,26,0.12); --border-card-edge:3px solid;  --text-h1:clamp(2.5rem,5vw,3.75rem); --text-h2:clamp(1.875rem,3.5vw,2.5rem); --text-h3:clamp(1.25rem,2vw,1.5rem); --text-h4:1.125rem; --text-p:1rem; --text-small:0.875rem; --text-xs:0.75rem; --leading-tight:1.15; --leading-snug:1.3; --leading-normal:1.6; --leading-relaxed:1.75; --tracking-tight:-0.02em; --tracking-normal:0; --tracking-wide:0.02em; --tracking-wider:0.05em; --tracking-widest:0.1em;  --font-display:'Inter',sans-serif; --font-body:'Inter',sans-serif; --font-mono:'Geist Mono',monospace;  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-5:40px; --space-6:48px; --space-7:56px; --space-8:64px; --space-9:80px; --space-10:96px; --space-half:4px;  --container-max:1200px; --container-narrow:800px; --container-wide:1400px; --gutter:var(--space-3); --gutter-lg:var(--space-5); --section-gap:var(--space-10);      --ease-out:cubic-bezier(0.25,0.46,0.45,0.94); --ease-spring:cubic-bezier(0.34,1.56,0.64,1); --duration-fast:150ms; --duration-base:250ms; --duration-slow:400ms;  --z-base:1; --z-card:10; --z-sticky:100; --z-overlay:200; --z-modal:300;}