/* ═══════════════════════════════════════════════════════════════════
   Jetons de conception — Webside Software V2

   Chargée en premier, avant tout le reste : ces valeurs sont la source
   unique. Les feuilles suivantes s'y réfèrent, elles ne redéclarent pas
   de couleur en dur.

   Le point de départ de ce fichier est une mesure : le vert de la marque
   sur du texte blanc donne un rapport de contraste de 1,94:1, quand la
   norme AA en demande 4,5. Le vert reste donc la marque, mais il devient
   une SURFACE — encre sombre par-dessus (9,3:1) — et cède la couleur du
   texte à sa version foncée, --ws-vert-encre (5,5:1).
   ═══════════════════════════════════════════════════════════════════ */

:root {
    /* ── Encres ─────────────────────────────────────────────────────
       Les rapports indiqués sont mesurés sur --ws-papier. */
    --ws-encre:       #14170f;   /* 18,1:1 — titres */
    --ws-texte:       #4a4f42;   /* 8,4:1  — texte courant */
    --ws-doux:        #6b7060;   /* 5,1:1  — mentions, légendes */
    --ws-vert-encre:  #5f7000;   /* 5,5:1  — liens et accents de texte */

    /* ── Surfaces ─────────────────────────────────────────────────── */
    --ws-papier:      #ffffff;
    --ws-sol:         #f6f7f2;
    --ws-trait:       #e4e7dc;
    --ws-trait-fort:  #cdd3c1;

    /* ── Marque ───────────────────────────────────────────────────
       Fond de bouton, pastille, barre d'accent, pictogramme plein.
       Jamais de texte de cette couleur sur fond clair. */
    --ws-accent:      #afc500;
    --ws-accent-fort: #95aa00;
    --ws-accent-doux: #f3f6d8;

    /* ── Signaux ──────────────────────────────────────────────────
       Le bleu est déjà celui de l'application QuickLog. */
    --ws-info:        #00719b;   /* 5,5:1 */
    --ws-alerte:      #a05e00;   /* 5,1:1 */
    --ws-erreur:      #b3261e;   /* 6,5:1 */

    /* ── Typographie ─────────────────────────────────────────────── */
    --ws-police:      "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

    --ws-t-display:   clamp(2.25rem, 5vw, 3rem);
    --ws-t-h1:        clamp(1.75rem, 3.4vw, 2.625rem);
    --ws-t-h2:        clamp(1.375rem, 2.4vw, 1.875rem);
    --ws-t-h3:        1.25rem;
    --ws-t-lg:        1.125rem;
    --ws-t-base:      1rem;
    --ws-t-sm:        0.875rem;
    --ws-t-label:     0.75rem;

    /* ── Espacement, base 4 ──────────────────────────────────────── */
    --ws-esp-1:  4px;
    --ws-esp-2:  8px;
    --ws-esp-3:  12px;
    --ws-esp-4:  16px;
    --ws-esp-6:  24px;
    --ws-esp-8:  32px;
    --ws-esp-12: 48px;
    --ws-esp-16: 64px;
    --ws-esp-24: 96px;
    --ws-esp-32: 128px;
    --ws-section: clamp(72px, 8vw, 112px);

    /* ── Formes ──────────────────────────────────────────────────── */
    --ws-rayon-sm: 8px;    /* contrôles */
    --ws-rayon-md: 16px;   /* cartes */
    --ws-rayon-pill: 999px;

    --ws-ombre-sm: 0 1px 2px rgba(20, 23, 15, 0.05);
    --ws-ombre-md: 0 10px 24px rgba(20, 23, 15, 0.06);
    --ws-ombre-lg: 0 24px 60px rgba(20, 23, 15, 0.10);

    /* ── Mouvement ───────────────────────────────────────────────── */
    --ws-duree-1: 120ms;   /* survol */
    --ws-duree-2: 200ms;   /* changement d'état */
    --ws-duree-3: 320ms;   /* entrée */
    --ws-courbe:  cubic-bezier(0.2, 0.8, 0.2, 1);

    /* ── Mesures ─────────────────────────────────────────────────── */
    --ws-contenu: 1280px;
    --ws-lecture: 68ch;
    --ws-cible:   44px;    /* cible tactile minimale */
}