/* ============================================================================
   tokens.css — Design system Tierno (charte BY FILLING) — ALIGNÉ SUR LE HANDOFF
   Source unique : couleurs, typographie (Lato), espacements, rayons, ombres.
   Hi-fi : valeurs reprises du design de référence (écran 6a). Additif +
   alias de compatibilité avec l'existant. Chaleureux & premium · mobile-first.
   ============================================================================ */
:root {
    /* ---- COULEURS DE MARQUE ---- */
    --orange:        #F75A00;   /* action, accent, interactif primaire */
    --orange-fonce:  #C24700;   /* liens, hover d'accent, compteurs */
    --orange-kicker: #B04A18;   /* sur-titres / kickers */
    --brun:          #4F3231;   /* présence, texte fort, titres, actif */
    --brun-rail:     #2A2422;   /* fond du rail principal, infobulles */

    /* ---- FONDS ---- */
    --ivoire:        #FDFBF7;   /* fond de la zone de contenu */
    --canvas:        #E9E2D8;   /* fond du body hors app */
    --blanc:         #FFFFFF;   /* cartes, champs actifs */
    --blanc-casse:   #FEFCF8;   /* grandes cartes / surfaces */
    --panneau:       #FBF6EF;   /* fond du panneau secondaire */
    --sable:         #F3ECE1;   /* fils, onglets segmentés */

    /* ---- TEXTE ---- */
    --encre:         #4F3231;   /* texte fort / titres */
    --texte-2:       #6E635B;   /* paragraphes, descriptions */
    --texte-3:       #8A817C;   /* légendes */
    --muted:         #A99F95;   /* placeholders, méta */

    /* ---- BORDURES ---- */
    --bord:          #EEE7DC;   /* bordures de cartes (hairline) */
    --bord-2:        #F1EAE0;   /* séparateurs */
    --bord-panneau:  #EFE7DB;

    /* ---- ÉTATS ---- */
    --succes:        #5F8A4C;  --succes-fond: #EBF3E5;
    --accent-mauve:  #6B4FA0;  --accent-mauve-fond: #F1ECFA;   /* ex. icône Mon contexte */
    --alerte:        #C9A227;  --alerte-fond: #FEF6EC;  --alerte-bord: #F6E3C6;

    /* ---- TEINTES D'ACCENT (chips / badges) ---- */
    --orange-chip:   #FCE7D6;   /* chips compteur, badge « en cours » */
    --orange-tint:   #FEEBDD;   /* icônes actives */
    --orange-tint-2: #FDE9DC;   /* badge « Nouveau » sur item */
    --nouveau-fond:  #FCE0CF;   /* étiquette NOUVEAU */

    /* ---- CHAMPS / BOUTONS (repères précis) ---- */
    --champ-fond:    #F6F1EA;  --champ-bord: #ECE4D9;  --champ-focus-halo: rgba(247,90,0,0.12);
    --chip-bord:     #EAE1D5;
    --btn-2-bord:    #E4DACE;
    --btn-off-fond:  #F3D8C6;  --btn-off-texte: #C79B82;

    /* ---- TYPOGRAPHIE — LATO (300/400/700/800/900 + italique 400) ---- */
    --police: 'Lato', -apple-system, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --fw-light: 300; --fw-normal: 400; --fw-fort: 700; --fw-extra: 800; --fw-marque: 900;

    --fs-display: 34px;  /* 900 · ls -0.03em */
    --fs-h1:      30px;  /* 900 · ls -0.02em */
    --fs-h2:      24px;  /* 900 (titre de carte pleine) */
    --fs-h3:      21px;  /* 800 (titre de carte) */
    --fs-carte:   17px;  /* 900 (titre de carte moyen) */
    --fs-corps:   15px;  /* 400 · lh 1.5 */
    --fs-corps-2: 13.5px;/* 400 secondaire */
    --fs-legende: 13px;  /* 700 */
    --fs-kicker:  12px;  /* 700 · UPPERCASE · ls 0.14–0.16em */
    --fs-micro:   11px;  /* 800 (badges) */
    --lh-titre:   1.2;
    --lh-corps:   1.5;

    /* ---- ESPACEMENTS (rythme 4px) ---- */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-11: 44px;

    /* ---- RAYONS ---- */
    --r-sm:  8px;   --r-md: 12px;  --r-lg: 16px;
    --r-xl:  20px;  --r-pill: 20px; --r-bezel: 42px;
    --r-btn: 11px;  --r-champ: 11px;

    /* ---- OMBRES ---- */
    --ombre-subtile: 0 1px 2px rgba(79,50,49,0.10);
    --ombre-carte:   0 10px 26px -18px rgba(79,50,49,0.30);
    --ombre-elevee:  0 24px 60px -24px rgba(79,50,49,0.30), 0 0 0 1px rgba(79,50,49,0.07);
    --ombre-bezel:   0 26px 60px -24px rgba(79,50,49,0.42);
    --ombre-orange:  0 8px 20px -8px rgba(247,90,0,0.55);

    /* ---- TRANSITIONS ---- */
    --t-rapide: 0.12s ease;
    --t-douce:  0.15s ease;
    --t-panneau: width 0.28s cubic-bezier(0.4,0,0.2,1);

    /* ============ ALIAS DE COMPATIBILITÉ (existant Tierno) ============ */
    --marron: #4F3231;
    --gris: #8A817C;
    --carte: #FFFFFF;
    --fond: #FDFBF7;
    --orange-clair: #FEEBDD;
    --crrme-accent: #FFF4EC;
    --serif: var(--police);
    --sans:  var(--police);
    --ombre: 0 1px 2px rgba(58,42,38,.05), 0 4px 14px rgba(58,42,38,.06);
    --ombre-relief: 0 8px 28px rgba(58,42,38,.12);
    --degrade-orange: linear-gradient(135deg, #ff7a2e 0%, #F75A00 60%, #e04f00 100%);
}