/* Jetons du design system — RECOPIE AUTOMATIQUE de
   01-brief-et-identite/charte-graphique/assets/tokens.css
   Source unique de verite des couleurs, des familles et de l'echelle.
   Toute modification se fait LA-BAS, puis `python generer-assets.py`. */

:root {
  /* ---------- 1. COULEURS ---------- */

  /* Primaires — issues du logo */
  --c-noir:        #101010;  /* Noir Ardoise — encre principale, aplats */
  --c-noir-pur:    #000000;  /* réservé au verrou logo v2 */
  --c-creme:       #D2B58D;  /* Crème Dorée — couleur de marque (échantillonnée sur le logo) */

  /* Fonds */
  --c-papier:      #F7F2EA;  /* Blanc Chaud — fond des supports clairs */
  --c-papier-2:    #EFE7DA;  /* Sable — fond des encarts, alternance de lignes */

  /* Texte */
  --c-texte:       #1A1A1A;  /* texte courant sur fond clair */
  --c-texte-clair: #F7F2EA;  /* texte courant sur fond noir */
  --c-fumee:       #66625C;  /* Gris Fumée — descriptions, mentions (AA sur papier ET sable) */
  --c-fumee-clair: #A9A199;  /* descriptions sur fond noir */

  /* Fonctionnelles — usage strictement limité aux signaux */
  --c-brique:      #A64530;  /* Brique — Happy Hour, nouveautés, prix mis en avant */
  --c-vert:        #2E4A3D;  /* Vert Bouteille — picto végétarien, bio */

  /* Filets */
  --c-filet:       rgba(16,16,16,.18);
  --c-filet-fort:  rgba(16,16,16,.42);
  --c-filet-sombre:rgba(210,181,141,.28);

  /* ---------- 2. TYPOGRAPHIE ---------- */
  --f-display: "Archivo Black", "Arial Black", sans-serif; /* titres, sections, prix vedette */
  --f-texte:   "Archivo", "Helvetica Neue", Arial, sans-serif; /* tout le reste */
  --f-script:  "Sacramento", cursive; /* accents manuscrits — mots isolés uniquement */

  /* Échelle typographique (base print = mm/pt, on raisonne en pt) */
  --t-xxl: 46pt;  /* titre d'affiche */
  --t-xl:  26pt;  /* titre de page */
  --t-l:   13pt;  /* titre de section */
  --t-m:   10pt;  /* sous-section, intertitre */
  --t-s:   8.5pt; /* nom de plat, prix */
  --t-xs:  6.8pt; /* description */
  --t-xxs: 6.1pt; /* mentions légales, légendes */

  --lh-serre:  1.12;
  --lh-normal: 1.26;
  --lh-aere:   1.50;

  --ls-titre:  .085em; /* interlettrage des capitales display */
  --ls-sur:    .22em;  /* surtitres, labels */

  /* ---------- 3. ESPACEMENTS (échelle 4) ---------- */
  --e-1: 1mm;
  --e-2: 2mm;
  --e-3: 3mm;
  --e-4: 4mm;
  --e-6: 6mm;
  --e-8: 8mm;
  --e-12: 12mm;

  /* ---------- 4. GRILLE ---------- */
  --marge-a4:  11mm;
  --marge-a3:  14mm;
  --gouttiere: 7mm;}

/* Couche ecran : le print raisonne en points, le web en rem. Les roles ne
   changent pas, les valeurs montent. */
:root {
  --t-xxl: clamp(2.6rem, 7vw, 4.6rem);
  --t-xl:  clamp(1.8rem, 4vw, 2.7rem);
  --t-l:   1.3rem;
  --t-m:   1.05rem;
  --t-s:   1rem;
  --t-xs:  .9rem;
  --t-xxs: .76rem;
  --lh-normal: 1.6;
  --lh-aere:   1.75;

  --w-1: .25rem;  --w-2: .5rem;   --w-3: .75rem;  --w-4: 1rem;
  --w-6: 1.5rem;  --w-8: 2rem;    --w-12: 3rem;   --w-16: 4rem;
  --w-24: 6rem;

  --w-max: 1180px;
  --w-lecture: 44rem;
  --w-gout: clamp(1.1rem, 4vw, 2rem);

  --a-souple: cubic-bezier(.22,.61,.36,1);
  --a-rebond: cubic-bezier(.34,1.56,.64,1);
}