/* ============================================================
   tokens.css — valeurs mesurées sur nordvpn.com/fr (Phase 1)
   Aucune valeur en dur ailleurs que dans ce fichier.
   ============================================================ */
:root {
  /* --- Couleurs de marque --- */
  --nv-ink:        #2a2a2d;   /* corps de texte (mesuré rgb(42,42,45)) */
  --nv-ink-soft:   #5b5b64;   /* texte secondaire */
  --nv-ink-mute:   #74747c;   /* légendes, notes */
  --nv-white:      #ffffff;
  --nv-cta:        #e02f1f;   /* CTA principal (mesuré rgb(224,47,31)) */
  --nv-cta-hover:  #c11f10;
  --nv-blue:       #2563eb;   /* bouton secondaire bleu (mesuré) */
  --nv-blue-hover: #1d4fd1;
  --nv-accent:     #4687ff;   /* bleu signature NordVPN (liens, icônes) */
  --nv-accent-2:   #7b61ff;   /* violet dégradés */

  /* --- Fonds --- */
  --nv-bg:         #ffffff;
  --nv-bg-alt:     #f6f8fb;   /* sections claires gris-bleu */
  --nv-bg-alt2:    #eef2f9;
  --nv-navy:       #0b1220;   /* héros / sections sombres */
  --nv-navy-2:     #060a14;
  --nv-card-dark:  #10182b;
  --nv-border:     #e3e7ef;
  --nv-border-dark:#26304a;

  /* --- Plan « populaire » (carte bleue) --- */
  --nv-plan-hi:    #142a8c;   /* fond carte mise en avant */
  --nv-plan-hi-2:  #1e40af;
  --nv-green:      #16a34a;   /* coches / garantie */
  --nv-green-soft: #e7f6ec;
  --nv-amber:      #f5a623;

  /* --- Typo --- */
  --nv-font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fs-hero:  clamp(2rem, 1.3rem + 3vw, 3rem);      /* h1 48px */
  --fs-h1:    clamp(1.9rem, 1.3rem + 2.4vw, 2.75rem);
  --fs-h2:    clamp(1.6rem, 1.15rem + 1.9vw, 2.5rem); /* 40px */
  --fs-h3:    clamp(1.15rem, 1rem + .6vw, 1.5rem);
  --fs-h4:    1.125rem;
  --fs-body:  1rem;
  --fs-sm:    .875rem;
  --fs-xs:    .75rem;
  --lh-tight: 1.15;
  --lh-head:  1.3;
  --lh-body:  1.6;
  --fw-reg:   400;
  --fw-med:   500;
  --fw-semi:  600;
  --fw-bold:  700;

  /* --- Rayons --- */
  --r-pill:   9999px;
  --r-lg:     24px;
  --r-md:     16px;
  --r-sm:     10px;
  --r-xs:     6px;

  /* --- Espacements --- */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem; --sp-9: 6rem;

  /* --- Conteneur --- */
  --wrap: 1200px;
  --wrap-narrow: 960px;
  --gutter: clamp(1rem, 4vw, 2.5rem);

  /* --- Ombres --- */
  --sh-sm: 0 1px 2px rgba(16,24,43,.06), 0 1px 3px rgba(16,24,43,.08);
  --sh-md: 0 4px 16px rgba(16,24,43,.08);
  --sh-lg: 0 12px 40px rgba(16,24,43,.14);
  --sh-blue: 0 12px 40px rgba(37,99,235,.28);

  /* --- Header --- */
  --header-h: 64px;
  --ease: cubic-bezier(.4,0,.2,1);
}