/*
 * Jetons de design — nwc_child_theme
 * Documentation complète et justification : _team/docs/composants.md
 *
 * Méthode : chaque couleur est définie deux fois, une valeur hex de repli puis la valeur
 * OKLCH réelle (un navigateur qui ne comprend pas oklch() ignore silencieusement cette seule
 * déclaration et garde le hex précédent — aucune media query ni JS nécessaire).
 *
 * Les couleurs héritées du site actuel (or #D99B3A, rouge #990B0B, marine #040037/#032075,
 * cf. research/identite_visuelle.md) sont reprises comme ADN de marque mais affinées en OKLCH
 * pour une meilleure cohérence perceptuelle entre les teintes, et réinjectées dans les variables
 * --global-palette1..9 utilisées nativement par Kadence : tous les blocs natifs (boutons, titres,
 * Row Layout…) héritent donc automatiquement de la nouvelle identité sans classe supplémentaire.
 */

:root {
	/* --- Couleurs de marque (sémantique) --- */
	--nwc-ink: #141a33;
	--nwc-ink: oklch(23% 0.05 265);                 /* encre — titres, texte fort */

	--nwc-ink-soft: #2c3361;
	--nwc-ink-soft: oklch(37% 0.055 264);            /* texte courant sur fond clair */

	--nwc-slate: #545a7d;
	--nwc-slate: oklch(52% 0.04 263);                /* texte moyen (légendes, méta) */

	--nwc-slate-light: #8a8fab;
	--nwc-slate-light: oklch(68% 0.025 262);         /* texte discret */

	--nwc-gold: #caa24a;
	--nwc-gold: oklch(74% 0.135 75);                 /* accent principal — CTA, survol */

	--nwc-gold-deep: #a07c2e;
	--nwc-gold-deep: oklch(58% 0.14 68);             /* accent, état actif/pressé */

	--nwc-ember: #7a2318;
	--nwc-ember: oklch(42% 0.15 27);                 /* accent secondaire — rare, signalement/alerte */

	--nwc-ember-deep: #5c1a12;
	--nwc-ember-deep: oklch(34% 0.13 27);            /* survol/actif de l'accent secondaire */

	--nwc-cream: #f7f2e7;
	--nwc-cream: oklch(97% 0.014 83);                /* fond chaleureux, remplace le blanc pur */

	--nwc-paper: #fdfcfa;
	--nwc-paper: oklch(99% 0.004 90);                /* surfaces (cartes, formulaires) */

	--nwc-mist: #dadde8;
	--nwc-mist: oklch(89% 0.015 262);                /* bordures discrètes, séparateurs */

	--nwc-mist-deep: #b9bdd0;
	--nwc-mist-deep: oklch(80% 0.02 262);             /* bordures visibles, champs de formulaire */

	/* --- Intégration native Kadence (le thème et ses blocs lisent ces variables directement) --- */
	--global-palette1: var(--nwc-gold);              /* accent / survol liens-boutons */
	--global-palette2: var(--nwc-ember);              /* accent secondaire / survol */
	--global-palette3: var(--nwc-ink);                /* titres (h2 etc.) */
	--global-palette4: var(--nwc-ink-soft);           /* texte de base */
	--global-palette5: var(--nwc-slate);              /* texte moyen */
	--global-palette6: var(--nwc-slate-light);        /* texte discret */
	--global-palette7: var(--nwc-mist);               /* fond discret */
	--global-palette8: var(--nwc-cream);              /* fond clair */
	--global-palette9: var(--nwc-paper);              /* blanc/quasi-blanc */

	/* --- Typographie (couple distinctif, cf. .impeccable.md + fonts.css) --- */
	--nwc-font-display: "Bricolage Grotesque Variable", ui-sans-serif, "Segoe UI", Roboto, sans-serif;
	--nwc-font-body: "Lexend Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--nwc-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--nwc-font-accent: "Caveat", "Segoe Script", cursive;  /* h2 uniquement, cf. fonts.css */

	/* Échelle fluide (clamp = mobile 390px → desktop 1440px, cf. ux/specifications.md) */
	--nwc-text-display: clamp(2.25rem, 1.3rem + 5vw, 7rem);   /* H1 hero : 36px → 112px */
	--nwc-text-h2: clamp(1.75rem, 1.4rem + 1.8vw, 3.25rem);   /* H2 : 28px → 52px */
	--nwc-text-h3: clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);   /* H3 : 20px → 28px */
	--nwc-text-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); /* intro/chapô */
	--nwc-text-body: 1rem;                                     /* 16px, jamais réduit sous ce seuil */
	--nwc-text-small: 0.875rem;
	--nwc-text-eyebrow: 0.8125rem;                             /* labels/horaires en mono, cf. VOUS Church */

	--nwc-leading-tight: 1.15;
	--nwc-leading-snug: 1.3;
	--nwc-leading-body: 1.65;

	/* --- Espacement (base 4px) --- */
	--nwc-space-1: 0.25rem;
	--nwc-space-2: 0.5rem;
	--nwc-space-3: 0.75rem;
	--nwc-space-4: 1rem;
	--nwc-space-5: 1.5rem;
	--nwc-space-6: 2rem;
	--nwc-space-7: 3rem;
	--nwc-space-8: 4rem;
	--nwc-space-9: 6rem;
	--nwc-space-10: 9rem;

	/* --- Rayons (volontairement modérés : jamais de bouton "pilule" générique, cf. references.md) --- */
	--nwc-radius-sm: 6px;
	--nwc-radius-md: 10px;
	--nwc-radius-lg: 20px;

	/* --- Ombres (douces, jamais de drop-shadow dur) --- */
	--nwc-shadow-sm: 0 1px 2px oklch(23% 0.05 265 / 0.06), 0 1px 1px oklch(23% 0.05 265 / 0.04);
	--nwc-shadow-md: 0 8px 24px oklch(23% 0.05 265 / 0.10), 0 2px 6px oklch(23% 0.05 265 / 0.06);
	--nwc-shadow-lg: 0 20px 48px oklch(23% 0.05 265 / 0.14), 0 4px 12px oklch(23% 0.05 265 / 0.08);

	/* --- Mouvement (grammaire d'animation, cf. ux/specifications.md section 0) --- */
	--nwc-ease: cubic-bezier(0.16, 1, 0.3, 1);         /* ease-out doux, geste Linear.app */
	--nwc-duration-fast: 200ms;
	--nwc-duration-base: 450ms;
	--nwc-duration-slow: 600ms;
	--nwc-reveal-distance: 20px;                        /* 16-24px prescrit par references.md */
	--nwc-stagger-step: 80ms;                           /* 60-100ms prescrit par references.md */

	/* --- Mise en page --- */
	--nwc-content-width: 72rem;
	--nwc-content-width-narrow: 42rem;
	--nwc-header-height: 5.5rem;
}

/* Les animations ne doivent jamais être la seule source de contenu visible :
   quand l'utilisateur demande moins de mouvement, on annule durée/décalage/distance
   à la racine plutôt que de dupliquer la logique dans chaque composant. */
@media (prefers-reduced-motion: reduce) {
	:root {
		--nwc-duration-fast: 0ms;
		--nwc-duration-base: 0ms;
		--nwc-duration-slow: 0ms;
		--nwc-reveal-distance: 0px;
		--nwc-stagger-step: 0ms;
	}
}