/* Scanteam · design tokens
   Palette tirée du logo (anthracite + rubans rouge, jaune, cyan) et palette « produit »
   (saumon, crème, bleu nuit fjord). Contrastes vérifiés WCAG AA (voir commentaires). */
:root {
  /* Logo */
  --anthracite: #232527;
  --anthracite-profond: #1a1c1e;
  --anthracite-clair: #2e3134;
  --ruban-rouge: #eb3340;
  --ruban-jaune: #f1e93b;
  --ruban-cyan: #2ec2ee;

  /* Bleu nuit fjord (moments forts) */
  --fjord: #0f2234;
  --fjord-2: #15304a;
  --fjord-3: #21486b;

  /* Crème chaude (lecture) */
  --creme: #f5eee3;
  --creme-2: #ece2d2;
  --papier: #fbf8f2;
  --lin: #dccfbb;
  --lin-doux: #e8dfd0;

  /* Saumon / corail (accent) */
  --saumon: #ee8a66;          /* sur sombre : 6,2:1 sur anthracite */
  --saumon-clair: #f6b293;    /* sur fjord : 9:1 */
  --saumon-fonce: #a8442a;    /* sur crème : 5,2:1 ; texte crème dessus : 5,7:1 */
  --saumon-profond: #8c3720;
  --saumon-voile: #f8e3d6;

  /* Encre */
  --encre: #1f2326;           /* 13,7:1 sur crème */
  --encre-2: #4c5258;         /* 6,9:1 sur crème */
  --encre-3: #5d636a;         /* 5,3:1 sur crème */
  --sur-sombre: #f5eee3;      /* 13,3:1 sur anthracite */
  --sur-sombre-2: #c5cbd1;    /* 9,4:1 sur anthracite */
  --sur-sombre-3: #9aa3ab;    /* 6,3:1 sur fjord */

  --succes: #2f6b4f;
  --erreur: #b3261e;          /* 6,2:1 sur papier */
  --erreur-clair: #ff9a8f;
  --erreur-voile: #fbe5e1;

  /* Typographie */
  /* EB Garamond : accents dessinés avec la lettre (Cormorant les plaçait trop haut) et œil plus grand. */
  --font-display: "EB Garamond", Garamond, "Times New Roman", serif;
  --font-texte: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --fs-xs: 0.8125rem;                                   /* 13 px, mentions fines uniquement */
  --fs-sm: 1rem;                                        /* 16 px : plancher des textes secondaires (cible 50-70 ans) */
  --fs-base: clamp(1.0625rem, 1.02rem + 0.2vw, 1.1875rem); /* 17 à 19 px */
  --fs-lg: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --fs-h3: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
  --fs-h2: clamp(2.25rem, 1.6rem + 2.8vw, 3.9rem);
  --fs-h1: clamp(2.5rem, 1.6rem + 4.2vw, 5.1rem);
  --fs-geant: clamp(9rem, 5rem + 18vw, 22rem);

  --lh-serre: 1.04;
  --lh-titre: 1.12;
  --lh-texte: 1.65;

  /* Espacements (base 4 px) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --section: clamp(4.5rem, 2.8rem + 6.5vw, 9rem);
  --gouttiere: clamp(1rem, 0.4rem + 3vw, 2.5rem);
  --largeur: 1240px;
  --largeur-texte: 38rem;

  /* Formes */
  --rayon-s: 6px;
  --rayon: 12px;
  --rayon-l: 20px;
  --rayon-pilule: 999px;
  --filet: 1px solid var(--lin);
  --ombre: 0 1px 2px rgba(26, 28, 30, 0.06), 0 12px 32px rgba(26, 28, 30, 0.08);
  --ombre-forte: 0 30px 80px rgba(10, 16, 24, 0.35);

  /* Mouvement */
  --duree: 220ms;
  --duree-lente: 900ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-doux: cubic-bezier(0.16, 1, 0.3, 1);

  --hauteur-entete: 68px;
}

@media (min-width: 960px) {
  :root { --hauteur-entete: 80px; }
}