/* ==========================================================================
   Tokens du thème enfant Kaer — référencent la palette Kadence (Customizer).
   Aucune couleur en dur : tout passe par var(--global-paletteX).
   ========================================================================== */

:root {
	/* Rayons */
	--kaer-radius-card: 16px;
	--kaer-radius-button: 100px;
	--kaer-radius-input: 8px;

	/* Bordures */
	--kaer-border-width: 1.5px;
	--kaer-border-accent-width: 3px;

	/* Ombres « décalées » */
	--kaer-shadow: 4px 4px 0 0 var(--global-palette3);
	--kaer-shadow-hover: 6px 6px 0 0 var(--global-palette3);
	--kaer-shadow-button-hover: 5px 5px 0 0 var(--global-palette3);
	--kaer-shadow-input: 3px 3px 0 0 var(--global-palette3);
	--kaer-shadow-input-focus: 5px 5px 0 0 var(--global-palette3);

	/* Mouvement */
	--kaer-transition: 0.25s ease;
	--kaer-reveal-duration: 0.5s;
	--kaer-reveal-distance: 24px;

	/* Surtitre */
	--kaer-surtitre-spacing: 0.12em;

	/* Héros (compositions H-ERO) */
	--kaer-voile-opacity: 0.6;
	--kaer-diapo-duration: 1.2s;
	--kaer-diapo-zoom-duration: 9s;
	--kaer-diapo-zoom: 1.08;

	/* Curseur : transition normal <-> survol, tailles de l'anneau [valeurs provisoires, D1] */
	--kaer-cursor-transition: 0.3s ease-out;
	--kaer-cursor-ring-size: 36px;
	--kaer-cursor-ring-size-hover: 56px;

	/* Colonne guillemets [valeurs provisoires, D7] */
	--kaer-quote-bar: 6px;
	--kaer-quote-glyph-size: 8rem;
	--kaer-quote-glyph-opacity: 0.12;

	/* Défilement logos */
	--kaer-logo-height: 4rem;
	--kaer-defilement-duration: 30s;

	/* En-tête flottant (D33) : écart au bord, largeur maximale, ombre/bordure/rayon = ceux des cartes */
	--kaer-nav-float-gap: 1rem;
	--kaer-nav-float-max: 72rem;
	--kaer-nav-float-inset: max(var(--kaer-nav-float-gap), calc((100% - var(--kaer-nav-float-max)) / 2));

	/* Menu mobile en overlay (D34) : opacité de palette5 (menthe, D38) et flou de l'arrière-plan.
	   Modifiables sans fichier : Customizer > CSS additionnel, ex. :root { --kaer-nav-overlay-opacity: 70%; } */
	--kaer-nav-overlay-opacity: 20%;
	--kaer-nav-overlay-blur: 20px;
	/* Couleur de l'anneau de focus dans le menu mobile : palette3 (liens noirs, D42) ; palette8 sur l'en-tête transparent (hero sombre), voir components.css. */
	--kaer-nav-overlay-ink: var(--global-palette3);
}