/**
 * ==========================================================
 * OOI Platform V1
 * Foundation — Design Tokens
 * Source unique de toutes les variables graphiques.
 * ==========================================================
 */

:root {

    /* ======================================================
       COULEURS
    ====================================================== */

    --ooi-primary: #7270AC;
    --ooi-secondary: #80C5CF;
    --ooi-accent: #FFAB4E;
    --ooi-memory: #D99E82;
    --ooi-success: #AACF80;

    --ooi-white: #FFFFFF;

    --ooi-background: #F6F8FB;
    --ooi-surface: #FFFFFF;

    --ooi-text: #071426;
    --ooi-text-light: #64748B;
    --ooi-border: rgba(7,20,38,.08);

    /* Etats */

    --ooi-info: #3B82F6;
    --ooi-warning: #F59E0B;
    --ooi-error: #DC2626;
    --ooi-valid: #16A34A;

    /* ======================================================
       ESPACEMENTS
    ====================================================== */

    --ooi-space-xs: 4px;
    --ooi-space-sm: 8px;
    --ooi-space-md: 16px;
    --ooi-space-lg: 24px;
    --ooi-space-xl: 40px;
    --ooi-space-xxl: 64px;

    /* ======================================================
       RAYONS
    ====================================================== */

    --ooi-radius-sm: 8px;
    --ooi-radius-md: 14px;
    --ooi-radius-lg: 22px;
    --ooi-radius-xl: 999px;

    /* ======================================================
       OMBRES
    ====================================================== */

    --ooi-shadow-sm:
        0 4px 12px rgba(7,20,38,.05);

    --ooi-shadow-md:
        0 10px 24px rgba(7,20,38,.08);

    --ooi-shadow-lg:
        0 18px 48px rgba(7,20,38,.12);

    /* ======================================================
       TYPOGRAPHIE
    ====================================================== */

    --ooi-font-family:
        "Inter",
        "Segoe UI",
        sans-serif;

    --ooi-font-xs: .75rem;
    --ooi-font-sm: .875rem;
    --ooi-font-md: 1rem;
    --ooi-font-lg: 1.25rem;
    --ooi-font-xl: 2rem;
    --ooi-font-hero: clamp(2.2rem,5vw,4rem);

    /* ======================================================
       TRANSITIONS
    ====================================================== */

    --ooi-transition-fast: .18s ease;
    --ooi-transition: .28s ease;
    --ooi-transition-slow: .45s ease;

    /* ======================================================
       CONTAINER
    ====================================================== */

    --ooi-container: 1320px;

}