/* ======================================================================
   tokens.css — Design system minimal Lavage Angel's 356
   Source unique pour la palette, les échelles typographiques, d'espacement
   et de rayons. Chargé AVANT main.css.
   ====================================================================== */

:root {
    /* ---- Palette ---- */
    --noir: #0a0a0a;
    --blanc: #fafafa;
    --or: #d4af37;
    --or-sombre: #b8860b;
    --gris: #a8a8a8;          /* Sprint 4A : relevé depuis #888 pour atteindre ratio AA ≥ 4.5:1 sur --noir */
    --bleu-eau: #00d4ff;
    --bleu-profond: #0066cc;

    /* ---- Spacing scale (base 4px) ---- */
    --space-1:  0.25rem;      /*  4px */
    --space-2:  0.5rem;       /*  8px */
    --space-3:  0.75rem;      /* 12px */
    --space-4:  1rem;         /* 16px */
    --space-6:  1.5rem;       /* 24px */
    --space-8:  2rem;         /* 32px */
    --space-12: 3rem;         /* 48px */
    --space-16: 4rem;         /* 64px */
    --space-24: 6rem;         /* 96px */
    --space-32: 8rem;         /* 128px */

    /* ---- Typography scale ---- */
    --text-xs:    0.875rem;   /* 14px */
    --text-sm:    1rem;       /* 16px */
    --text-base:  1.125rem;   /* 18px */
    --text-lg:    1.5rem;     /* 24px */
    --text-xl:    2rem;       /* 32px */
    --text-2xl:   3rem;       /* 48px */
    --text-3xl:   4rem;       /* 64px */

    /* ---- Radius scale ---- */
    --radius-1:    4px;
    --radius-2:    8px;
    --radius-3:   12px;
    --radius-4:   16px;
    --radius-full: 9999px;

    /* ---- Touch target minimum (WCAG 2.1 AA) ---- */
    --touch-target: 44px;
}