/* Jetons de Formation IA Pontarlier : source unique des couleurs, familles, tailles et durées. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/barlow-condensed-600.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/barlow-condensed-700.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("../fonts/ibm-plex-sans-var.woff2") format("woff2")}

:root{
  /* Palette (direction §4) */
  --color-neige:#f4f6f8;
  --color-acier:#e3e8ee;
  --color-filet:#c5ced8;
  --color-laiton:#c8963e;
  --color-nuit:#0e1a2c;
  --color-nuit-relevee:#1a2a40;
  --color-encre-douce:#43515f;
  --color-texte-nuit:#c9d3de;
  /* Dérivés (direction §6) */
  --color-rainure:rgba(14,26,44,.35);
  --color-regle-nuit:rgba(201,211,222,.4);

  /* Familles (direction §5) */
  --font-title:"Barlow Condensed","Arial Narrow",sans-serif;
  --font-body:"IBM Plex Sans",Arial,sans-serif;

  /* Échelle */
  --size-display:clamp(2.75rem,2rem + 3.6vw,4.75rem);
  --size-h1:clamp(2.5rem,1.6rem + 4.2vw,4.75rem);
  --size-h2:clamp(2rem,1.4rem + 2.6vw,3.25rem);
  --size-h3:clamp(1.5rem,1.2rem + 1.2vw,2rem);
  --size-body:1.0625rem;
  --size-lead:1.25rem;
  --size-small:.9375rem;
  --size-plaque:1.125rem;
  --lh-display:1;
  --lh-h1:1.02;
  --lh-h2:1.05;
  --lh-h3:1.15;
  --lh-body:1.6;
  --ls-gravure:.06em;

  /* Espacements, mesures, rayons */
  --space-1:.5rem;
  --space-2:.75rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2.5rem;
  --space-6:4rem;
  --space-7:6rem;
  --gutter:24px;
  --wrap:1180px;
  --radius:2px;
  --barre-h:40px;
  --chanfrein:12px;
  --filet-w:1px;

  /* Mouvement (direction §8) */
  --tm-duration:.6s;
  --tm-stagger:45ms;
  --tm-ease:cubic-bezier(.2,.7,.2,1);
  --dur-barre:.6s;
  --dur-cote:.6s;
}