/* ============================================================
   COGEMOB BTP — DESIGN TOKENS
   Référence CG-COGEMOB-01 · v1.0
   ------------------------------------------------------------
   Toutes les valeurs colorimétriques sont MESURÉES sur le
   logotype source (analyse des pixels), non estimées.
   Tous les ratios de contraste sont CALCULÉS selon la formule
   de luminance relative WCAG 2.1.
   ============================================================ */

:root {

  /* --- 1. COULEURS DE MARQUE ------------------------------ */
  /* Extraites du logotype. Ne jamais ajouter de 5e couleur.   */

  --brand-petrole:  #014958;  /* PRIMAIRE   — dominante identitaire */
  --brand-sapin:    #015850;  /* SECONDAIRE — usage restreint       */
  --brand-jaune:    #F0C101;  /* ACCENT     — signal, jamais texte  */
  --brand-olive:    #8FA622;  /* ACCENT 2   — repères, jamais texte */

  /* --- 2. NEUTRES DE COMPOSITION -------------------------- */
  /* Teintés vers le pétrole. NE SONT PAS des couleurs de     */
  /* marque : ne jamais les substituer au pétrole.            */

  --neutral-encre:   #0E1A1D;  /* texte principal    */
  --neutral-ardoise: #42585C;  /* texte secondaire   */
  --neutral-beton:   #7C9095;  /* légendes, labels   */
  --neutral-trait:   #D6DEDF;  /* filets, bordures   */
  --neutral-papier:  #F2F5F5;  /* fond de page       */
  --neutral-blanc:   #FFFFFF;  /* fond de bloc       */

  /* --- 3. RÔLES SÉMANTIQUES ------------------------------- */

  --color-bg:            var(--neutral-papier);
  --color-surface:       var(--neutral-blanc);
  --color-surface-invert:var(--brand-petrole);
  --color-text:          var(--neutral-encre);
  --color-text-muted:    var(--neutral-ardoise);
  --color-text-subtle:   var(--neutral-beton);
  --color-text-invert:   var(--neutral-blanc);
  --color-heading:       var(--brand-petrole);
  --color-border:        var(--neutral-trait);
  --color-accent:        var(--brand-jaune);
  --color-accent-alt:    var(--brand-olive);
  --color-danger:        #B4443A;  /* usages interdits uniquement */

  /* --- 4. TYPOGRAPHIE ------------------------------------- */
  /* Trois familles, trois rôles. Toutes sous licence SIL OFL */
  /* — critère retenu pour un déploiement sans coût.          */

  --font-display: 'Archivo', system-ui, sans-serif;        /* titrage, labels, UI */
  --font-body:    'Source Serif 4', Georgia, serif;        /* texte de lecture    */
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;/* données techniques  */

  --font-fallback-display: Arial, Helvetica, sans-serif;
  --font-fallback-body:    Georgia, 'Times New Roman', serif;
  --font-fallback-mono:    Consolas, 'Courier New', monospace;

  /* Échelle typographique */
  --type-display-1:  clamp(2.6rem, 7vw, 5.4rem);
  --type-display-2:  clamp(2.4rem, 6.6vw, 5rem);
  --type-h2:         clamp(1.5rem, 3.6vw, 2.3rem);
  --type-h3:         1.25rem;
  --type-h4:         1.0rem;
  --type-body:       1rem;
  --type-body-lg:    1.05rem;
  --type-small:      0.845rem;
  --type-caption:    0.75rem;
  --type-label:      0.625rem;   /* mono, capitales, interlettrage large */

  /* Graisses */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  /* Interlignage */
  --leading-tight: 0.96;
  --leading-snug:  1.10;
  --leading-body:  1.65;
  --leading-loose: 1.85;

  /* Interlettrage */
  --tracking-display: -0.035em;
  --tracking-heading: -0.02em;
  --tracking-normal:   0em;
  --tracking-label:    0.15em;
  --tracking-mono:     0.13em;
  --tracking-wide:     0.26em;

  /* --- 5. ESPACEMENT (base 4 px) -------------------------- */

  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  --gutter-page:    28px;
  --width-content:  1080px;
  --measure-body:   66ch;   /* longueur de ligne maximale */

  /* --- 6. TRAITS ET FORMES -------------------------------- */
  /* Registre du plan d'exécution : angles vifs, pas d'ombre. */

  --border-hairline: 1px solid var(--neutral-trait);
  --border-strong:   2px solid var(--brand-petrole);
  --border-accent:   3px solid var(--brand-jaune);
  --radius-none: 0;
  --radius-sm:   2px;     /* puces et boutons uniquement */
  --shadow-none: none;    /* AUCUNE ombre portée dans le système */

  /* --- 7. LOGOTYPE ---------------------------------------- */

  --logo-ratio: 632 / 464;      /* largeur / hauteur           */
  --logo-module-M: 10.1%;       /* hauteur capitale « COGEMOB » */
  --logo-clearspace: 5.05%;     /* 0,5 M sur les 4 côtés        */
  --logo-min-web: 100px;
  --logo-min-print: 25mm;
  --logo-min-icon: 32px;        /* pictogramme seul, sans texte */
}