/* Tokens CYROCK — Sécurité incendie.
   Noir de suie, rouge signal (code couleur du matériel incendie), blanc craie.
   Le vert « sortie de secours » n'apparaît qu'en point de signal. */
:root {
  --suie: #121315;
  --suie-2: #1a1c1f;
  --suie-3: #0b0c0d;
  --craie: #f3efe8;
  --craie-2: #e9e3d9;
  --signal: #e2231a;
  --signal-deep: #b9170f;
  --exit: #3bd47a;

  --color-bg: var(--craie);
  --color-surface: var(--craie-2);
  --color-text: var(--suie);
  --color-text-muted: #5d5952;
  --color-accent: var(--signal);
  --color-line: rgba(18, 19, 21, 0.14);
  --color-on-accent: #fff;
  --on-dark: var(--craie);
  --on-dark-muted: rgba(243, 239, 232, 0.66);
  --line-dark: rgba(243, 239, 232, 0.14);

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.2vw, 2.4rem);
  --step-3: clamp(2.3rem, 1.6rem + 3vw, 4.2rem);
  --step-4: clamp(2.8rem, 1.8rem + 5vw, 6rem);
  --step-5: clamp(3.4rem, 1.4rem + 9vw, 10rem);

  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  --space-xl: clamp(4rem, 2.5rem + 6vw, 8rem);
  --space-2xl: clamp(5rem, 3rem + 10vw, 12rem);

  --container: 80rem;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --radius: 6px;
  --header-h: 72px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 900ms;
}