/* ============================================================
   NEXUS VORTEX — TOKENS
   Source unique de verite : couleurs, typo, espacements,
   rayons, durees, courbes. Ne rien redefinir ailleurs.
   ============================================================ */

:root{

  /* ---------- Couleurs officielles (charte, 4 couleurs) ---------- */
  --nv-brun:#935927;
  --nv-ivoire:#F9EDCF;
  --nv-noir:#141414;
  --nv-vert:#2D3325;

  /* Le noir digital de reference est #141414 (cf. CDC §3).
     Le #1D1D1B du SVG source n'est pas utilise sur le web. */

  /* ---------- Typographies (charte, 3 familles) ---------- */
  --nv-font-display:'Caviar Dreams','Comfortaa',sans-serif;
  --nv-font-label:'Big Shoulders Display','Arial Narrow',sans-serif;
  --nv-font-body:'Helvetica Neue',Helvetica,Arial,sans-serif;

  /* ---------- Echelle typographique fluide ---------- */
  /* H1 : 38px mobile -> 88px desktop */
  --nv-h1:clamp(2.375rem, 1.4rem + 4.4vw, 5.5rem);
  /* H2 : 32px mobile -> 58px desktop */
  --nv-h2:clamp(2rem, 1.45rem + 2.4vw, 3.625rem);
  /* H3 : 24px -> 32px */
  --nv-h3:clamp(1.5rem, 1.3rem + .85vw, 2rem);
  /* Label : 14px -> 20px */
  --nv-label:clamp(.875rem, .8rem + .3vw, 1.125rem);
  /* Corps : 16px mobile -> 19px desktop */
  --nv-body:clamp(1rem, .95rem + .22vw, 1.1875rem);
  /* Corps large (chapeau d'intro) */
  --nv-lead:clamp(1.0625rem, .98rem + .45vw, 1.375rem);

  --nv-lh-title:1.0;
  --nv-lh-body:1.62;
  --nv-ls-label:.12em;
  --nv-ls-title:.005em;

  /* Largeur maximale d'un texte long (CDC : 650-720px) */
  --nv-measure:68ch;

  /* ---------- Espacements (echelle fixe, 9 valeurs) ---------- */
  --nv-s1:8px;
  --nv-s2:16px;
  --nv-s3:24px;
  --nv-s4:32px;
  --nv-s5:48px;
  --nv-s6:64px;
  --nv-s7:96px;
  --nv-s8:128px;
  --nv-s9:160px;

  /* Respiration verticale des sections : 72px mobile -> 180px desktop */
  --nv-section:clamp(4.5rem, 2.6rem + 8vw, 11.25rem);

  /* ---------- Grille ---------- */
  --nv-container:1400px;
  --nv-gutter:clamp(20px, 5vw, 96px);
  --nv-gap:clamp(24px, 2.2vw, 32px);

  /* ---------- Rayons (2 valeurs, jamais plus) ---------- */
  --nv-r0:0px;
  --nv-r1:3px;
  --nv-r2:6px;

  /* ---------- Durees ---------- */
  --nv-fast:200ms;
  --nv-medium:400ms;
  --nv-slow:800ms;

  /* ---------- Courbes (3 seulement, reutilisees partout) ---------- */
  --nv-ease:cubic-bezier(.22,.61,.36,1);        /* sortie douce, defaut */
  --nv-ease-inout:cubic-bezier(.65,.05,.36,1);  /* transitions symetriques */
  --nv-ease-soft:cubic-bezier(.33,1,.68,1);     /* reveals, longues durees */

  /* ---------- Header ---------- */
  --nv-header-h:96px;
  --nv-header-h-compact:72px;

  --nv-z-header:100;
  --nv-z-menu:200;
}