/**
 * config/jetons.css — l'identité visuelle ConsultAuto.
 *
 * Fond blanc, encre noire, un seul accent doré. La typographie est la seule chose qui parle
 * fort : un serif de titrage à fort contraste pour ce qui compte, une grotesque légère pour
 * tout le reste, une chasse fixe pour les données du permis de circulation.
 *
 * Le doré ne s'utilise que pour ce qui compte : l'action principale, la valeur clé.
 * S'il est partout, il ne signale plus rien.
 *
 * Interdits (§14.4) : fond noir, liens violets, dégradés, ombres lourdes, coins très arrondis
 * partout, emoji comme titres, tout centrer, accumulation de cartes identiques.
 */

:root {
  /* ── la marque ──────────────────────────────────────────── */
  --or: #B8912A;              /* doré assombri pour le texte : 4,6:1 sur blanc, lisible */
  --or-pur: #D4AF37;          /* le doré de la marque, pour les aplats et les filets */
  --or-clair: #F4C430;
  --or-voile: #FBF7EC;
  --or-filet: rgba(212, 175, 55, 0.30);

  /* ── l'encre ────────────────────────────────────────────── */
  --encre: #111111;
  --texte: #333333;
  --gris: #767676;            /* 4,6:1 sur blanc */
  --gris-clair: #9B9B9B;

  /* ── les fonds : blanc, et rien d'autre ─────────────────── */
  --fond: #FFFFFF;
  --fond-doux: #FAFAF9;       /* une seule nuance, pour un encart discret */
  --filet: #ECEAE6;
  --filet-fort: #D9D6D0;

  /* ── les quatre niveaux de gravité ───────────────────────
       la couleur n'est jamais seule porteuse du sens :
       elle accompagne toujours un mot */
  --positif: #0E7C5A;
  --neutre: #767676;
  --vigilance: #B4700B;
  --alerte: #C2410C;

  /* ── la typographie ──────────────────────────────────────
       Instrument Serif   les titres et la valeur clé — élégant, fort contraste
       Inter              l'interface, en graisses légères
       JetBrains Mono     les données du permis : réception, châssis, code moteur.
                          C'est ainsi qu'elles sont imprimées, et ça les rend
                          immédiatement reconnaissables. */
  --titre: 'Instrument Serif', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --police: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --donnees: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ── l'échelle typographique, dont on ne sort pas ────────── */
  --t-mini: 0.6875rem;   /* 11px — libellés en capitales */
  --t-petit: 0.8125rem;  /* 13px — précisions */
  --t-base: 0.9375rem;   /* 15px — texte courant */
  --t-moyen: 1.0625rem;  /* 17px — chapeaux */
  --t-grand: 1.375rem;   /* 22px — titres de section */
  --t-titre: 2.75rem;    /* 44px — titre de page, en serif */
  --t-cle: 3.25rem;      /* 52px — la valeur clé, le prix */

  /* ── les graisses : légères, toujours ────────────────────── */
  --maigre: 300;
  --normal: 400;
  --appuye: 500;
  --fort: 600;

  /* ── les espaces ─────────────────────────────────────────── */
  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1rem;
  --e5: 1.5rem;
  --e6: 2rem;
  --e7: 3rem;
  --e8: 4.5rem;

  /* ── le reste ────────────────────────────────────────────── */
  --rayon: 4px;
  --rayon-grand: 8px;
  --largeur: 64rem;          /* texte courant autour de 65 caractères par ligne */
  --cible-tactile: 44px;     /* §12.3 — jamais moins, sur tablette */
  --transition: 140ms ease;
}