/* ==========================================================================
   Next stop-World — Tokens (variables CSS)
   Source de vérité partagée avec theme.json. Depuis DESIGN-SYSTEM-NSW.md §1-3.
   theme.json = éditeur/Kadence ; ce fichier = rendu front + composants.
   Toute évolution de la charte se répercute dans LES DEUX.
   ========================================================================== */

:root {
	/* --- Palette charte Elisa --- */
	--nsw-or:       #ca8d2e; /* doré — accents, jamais texte courant sur clair */
	--nsw-terre:    #b6732d; /* terre — hover de l'or, badges */
	--nsw-sauge:    #648a58; /* vert sauge — succès, étoile logo, touches nature */
	--nsw-nuit:     #1b3f59; /* bleu nuit — texte principal + fonds sombres */
	--nsw-ardoise:  #436070; /* texte secondaire, légendes */
	--nsw-ciel:     #7eacde; /* liens sur fond sombre, touches aériennes */

	/* --- Extensions web --- */
	--nsw-papier:   #faf7f1; /* fond principal — esprit carnet imprimé */
	--nsw-creme:    #f3ede2; /* fonds de sections alternées */
	--nsw-blanc:    #ffffff; /* cartes posées sur le papier */
	--nsw-nuit-900: #122c3f; /* footer, hero overlay */
	--nsw-ligne:    #e4dccb; /* bordures, séparateurs fins */

	/* --- Rôles sémantiques --- */
	--color-text:         var(--nsw-nuit);
	--color-text-muted:   var(--nsw-ardoise);
	--color-bg:           var(--nsw-papier);
	--color-accent:       var(--nsw-or);
	--color-accent-hover: var(--nsw-terre);
	--color-link:         var(--nsw-terre);  /* contraste suffisant sur papier */
	--color-link-dark:    var(--nsw-ciel);   /* liens sur bleu nuit */

	/* --- Échelle typographique fluide (mobile-first) --- */
	--step--1: clamp(0.875rem, 0.85rem + 0.15vw, 0.95rem);  /* méta, légendes */
	--step-0:  clamp(1.05rem,  1rem + 0.3vw,    1.1875rem);  /* corps (17–19 px) */
	--step-1:  clamp(1.25rem,  1.15rem + 0.5vw, 1.5rem);     /* lead, H4 */
	--step-2:  clamp(1.6rem,   1.4rem + 1vw,    2.1rem);     /* H3 */
	--step-3:  clamp(2rem,     1.7rem + 1.6vw,  2.9rem);     /* H2 */
	--step-4:  clamp(2.6rem,   2.1rem + 2.8vw,  4.2rem);     /* H1 / hero */

	/* --- Familles (self-hosted via theme.json fontFace) --- */
	--font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--font-body:    'Crimson Pro', Georgia, 'Times New Roman', serif;
	--font-ui:      'Raleway', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* --- Espacement --- */
	--space-2xs: 0.375rem;
	--space-xs:  0.75rem;
	--space-s:   1.25rem;
	--space-m:   2rem;
	--space-l:   3.25rem;
	--space-xl:  5rem;
	--space-2xl: 8rem;

	/* --- Grille / rayons / ombre --- */
	--container:      72rem;   /* 1152 px */
	--container-text: 44rem;   /* 704 px — colonnes de lecture */
	--radius-s: 4px;
	--radius-m: 10px;
	--shadow-card: 0 10px 30px -12px rgb(27 63 89 / 0.18);

	/* --- Motion + détails typographiques (parité avec la maquette) --- */
	--tracking-surtitre: 0.18em;                  /* lettrage des surtitres Raleway */
	--dur-fast:    0.25s;                          /* transitions courtes (header, liens) */
	--ease-editorial: cubic-bezier(0.4, 0, 0.2, 1);
}