/* variables.css */
:root {
    /* ─── Surfaces ─── */
    --bg-color:     oklch(99.2% 0.005 278);   /* near-white, violet breath */
    --bg-elevated:  oklch(96.0% 0.007 278);   /* card / elevated */
    --bg-card:      oklch(97.8% 0.006 278);   /* between bg and elevated */

    /* ─── Text ─── */
    --text-primary: oklch(13.5% 0.008 278);
    --text-muted:   oklch(40.5% 0.010 273);
    --text-faint:   oklch(62.0% 0.007 273);

    /* ─── Accent — Indigo ─── */
    --accent:               oklch(50.5% 0.215 264);
    --accent-hover:         oklch(45.5% 0.212 264);
    --accent-subtle:        oklch(96.8% 0.020 275);
    --accent-tint:          oklch(93.5% 0.035 270);
    --accent-glow:          oklch(50.5% 0.215 264 / 0.28);
    --accent-glowsm:        oklch(50.5% 0.215 264 / 0.12);

    /* ─── Borders ─── */
    --border-color:         oklch(90.5% 0.007 278);
    --border-accent:        oklch(50.5% 0.215 264 / 0.18);
    --border-accent-subtle: oklch(50.5% 0.215 264 / 0.10);
    --border-highlight:     oklch(0% 0 0 / 0.10);

    /* ─── Warm signal (trust / garantie) ─── */
    --warm-bg:      oklch(97.5% 0.015 88);
    --warm-border:  oklch(72.0% 0.100 74 / 0.28);

    /* ─── Typography ─── */
    --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
    --font-heading: 'Space Grotesk', system-ui, sans-serif;
    --font-mono:    'JetBrains Mono', monospace;

    /* ─── Easing ─── */
    --ease-out-smooth:  cubic-bezier(0.22, 1, 0.36, 1);
    --ease-interactive: cubic-bezier(0.4, 0, 0.2, 1);

    /* ─── Layout ─── */
    --container-width: 1200px;
    --section-padding: 8rem;

    /* ─── Mouse tracking (mis à jour par JS) ─── */
    --mouse-x: 50vw;
    --mouse-y: 50vh;
}