/* tokens.css — sejour-original.fr — SEUL fichier de valeurs du thème.
   Identité : ../identite/tokens.json (palette lagune / sable / corail, contrastes vérifiés ≥ 4.5:1, version 2 du 27/10/2026). */
:root {
  /* couleurs */
  --couleur-accent: #F2785C;          /* corail : boutons (texte encre 5.7:1), étoile, filets ; jamais du texte sur fond clair */
  --couleur-accent-doux: #FCE3DA;     /* fond du résumé */
  --couleur-accent-texte: #13262E;
  --couleur-principale: #145F78;      /* lagune : liens (6.3:1 sur fond), titres de rubrique */
  --couleur-principale-fonce: #0D4558;
  --couleur-lien: #145F78;
  --couleur-lien-survol: #0D4558;
  --couleur-encre: #13262E;           /* texte courant (13.8:1) */
  --couleur-encre-douce: #56656B;     /* méta, légendes (5.4:1) */
  --couleur-fond: #F3F1EC;            /* sable */
  --couleur-surface: #FFFFFF;
  --couleur-trait: #DCE3E2;
  --couleur-nuit: #0F2B35;            /* lagune de nuit : bandes sombres */
  --couleur-nuit-2: #173A46;
  --couleur-sur-nuit: #F3F1EC;        /* 13.1:1 */
  --couleur-sur-nuit-doux: #B9C9CE;   /* 8.7:1 */
  --couleur-lien-nuit: #F7A28C;       /* 7.4:1 */
  --couleur-focus: #F2785C;

  /* typographie */
  --police-titre: "Gloock", Georgia, "Times New Roman", serif;
  --police-texte: "Karla", "Segoe UI", system-ui, -apple-system, sans-serif;
  --graisse-texte: 400;
  --graisse-forte: 600;
  --taille-base: 1.125rem;            /* 18 px */
  --taille-petite: 0.9rem;
  --taille-chapo: 1.25rem;
  --taille-h1: clamp(2rem, 1.3rem + 3vw, 3.4rem);
  --taille-h2: clamp(1.45rem, 1.15rem + 1.3vw, 2rem);
  --taille-h3: 1.25rem;
  --interligne: 1.65;
  --interligne-titre: 1.15;

  /* espacements */
  --esp-1: 0.25rem; --esp-2: 0.5rem; --esp-3: 0.75rem; --esp-4: 1rem; --esp-5: 1.5rem;
  --esp-6: 2rem; --esp-7: 3rem; --esp-8: 5rem;
  --gouttiere: 1rem;

  /* formes */
  --rayon-petit: 8px;
  --rayon: 16px;
  --rayon-grand: 28px;
  --rayon-arche: 999px 999px var(--rayon) var(--rayon);   /* la fenêtre en dôme, signature du site */
  --rayon-pilule: 999px;
  --ombre-carte: 0 1px 0 rgba(15, 43, 53, .06), 0 10px 28px -14px rgba(15, 43, 53, .28);
  --largeur-texte: 40rem;
  --largeur-site: 74rem;
}
