/* Escale · jetons de design
   Importer avant tout autre feuille de style. */

:root {
  /* Fonds et matières */
  --escale-noyer: #2A1A11;        /* fond dominant, texture bois */
  --escale-noyer-clair: #4A2D1B;  /* plinthes, aplats secondaires */
  --escale-acajou: #5B3823;       /* bordures, encadrements */
  --escale-acajou-clair: #7A4E2E; /* arêtes de bois éclairées */
  --escale-tableau: #15110D;      /* fond des panneaux de départs */
  --escale-tableau-cell: #221A13; /* cellule d'un caractère à volet */

  /* Surfaces claires */
  --escale-creme: #F0E4C8;        /* texte sur fond sombre, fond des sections claires */
  --escale-creme-ombre: #E6D6B0;  /* cartes sur fond crème */

  /* Couleurs de marque */
  --escale-vert: #1D5C46;         /* lampe de banquier, surfaces secondaires */
  --escale-vert-clair: #3E8D6F;   /* reflet sur le verre de la lampe */
  --escale-laiton: #C9A24D;       /* accent principal, boutons, logo */
  --escale-laiton-ombre: #A88535; /* face inférieure des pièces en laiton */
  --escale-ambre: #F3B63F;        /* caractères du tableau, états actifs */

  /* Texte */
  --escale-texte-clair: #F0E4C8;       /* sur fond sombre */
  --escale-texte-clair-sourd: #CBB99A; /* secondaire sur fond sombre, ne pas éclaircir moins */
  --escale-texte-clair-doux: #E3D5B5;  /* paragraphes sur fond sombre */
  --escale-texte-fonce: #2A1A11;       /* sur fond crème ou laiton */
  --escale-texte-fonce-sourd: #5B4A3A; /* secondaire sur fond crème, ne pas éclaircir plus */
  --escale-texte-sur-carte: #6B5A45;   /* étiquettes de la carte d'embarquement */

  /* Filets */
  --escale-filet-sombre: #5B3823;
  --escale-filet-clair: #C9B58C;
  --escale-pointille: #B79E6C;

  /* Typographies */
  --escale-font-titre: 'Bodoni Moda', 'Didot', Georgia, serif;
  --escale-font-texte: 'Hanken Grotesk', 'Helvetica Neue', Helvetica, sans-serif;
  --escale-font-mono: 'B612 Mono', 'Courier New', monospace;

  /* Échelle typographique, titres en italique 500 */
  --escale-titre-xxl: clamp(3rem, 7vw, 7rem);
  --escale-titre-xl: clamp(2.5rem, 5vw, 4rem);
  --escale-titre-l: clamp(2rem, 3.4vw, 2.75rem);
  --escale-titre-m: 2.25rem;
  --escale-texte-l: 1.3125rem;
  --escale-texte-m: 1.0625rem;
  --escale-texte-s: 0.9375rem;
  --escale-surtitre: 0.875rem;   /* mono, capitales, letter-spacing 0.16em */

  /* Rayons et espacements */
  --escale-radius-s: 4px;
  --escale-radius-m: 12px;
  --escale-radius-l: 18px;
  --escale-radius-xl: 30px;      /* accroche-porte, cartes de chambre */
  --escale-gouttiere: 32px;
  --escale-marge-page: clamp(24px, 5vw, 72px);
  --escale-section-y: clamp(48px, 7vw, 72px);

  /* Cibles tactiles */
  --escale-hauteur-bouton: 56px;
  --escale-hauteur-bouton-compact: 48px;
}