/* ==========================================================================
 * Caladeo — design tokens (identité navy, septembre 2026)
 * --------------------------------------------------------------------------
 * Source de vérité des couleurs, rayons et ombres du site. Chargé sur toutes
 * les pages (functions.php, priorité 998 : après le bundle Vite, avant
 * theme-fixes.css). Les feuilles de page (home-landing.css, pricing-landing.css,
 * …) consomment ces tokens via leurs variables locales (--hl-brand,
 * --prl-brand, …) : ne plus écrire de couleur en dur dans une feuille de page.
 *
 * Le bloc "Bundle Tailwind" surcharge les variables du CSS compilé
 * (dist/assets/js-*.css, non recompilable ici) : header, boutons naviti-button,
 * blocs Gutenberg. Le logo garde son bleu d'origine (#1256c4, point du logo).
 *
 * Accent (décision du 2026-09-12) : le bleu du logo revient en touche, jamais
 * en aplat de fond de section ni en couleur de texte courant. Il est réservé aux
 * signaux : eyebrows, coches, liens dans le texte, chiffres clés, pastilles
 * d'icône (fond --cal-accent-soft, icône --cal-accent), états actifs (onglets,
 * points de carrousel), bordure et badge de la carte mise en avant, dégradé
 * léger derrière le visuel du hero, et bloc CTA final en dégradé navy → accent.
 * Les boutons principaux restent navy (--cal-brand).
 * ========================================================================== */
:root {
	/* Navy, gamme principale */
	--cal-navy-900: #0f2340;   /* fonds sombres, footer */
	--cal-navy-800: #17304f;   /* survol */
	--cal-navy-700: #1e3a5f;   /* principale : boutons, liens, titres d'accent */
	--cal-navy-500: #3f5f8a;   /* icônes secondaires */
	--cal-navy-300: #9db4d3;   /* texte secondaire sur fond sombre */
	--cal-navy-200: #c9d6e8;   /* texte courant sur fond sombre */
	--cal-navy-100: #e8eef6;   /* teintes, pastilles */
	--cal-navy-50:  #f3f6fa;   /* fonds de section */

	/* Rôles */
	--cal-brand:        var(--cal-navy-700);
	--cal-brand-hover:  var(--cal-navy-800);
	--cal-brand-soft:   var(--cal-navy-100);
	--cal-brand-rgb:    30, 58, 95;                       /* pour les rgba() */
	--cal-brand-glow:   rgba(var(--cal-brand-rgb), 0.22);

	/* Accent : bleu du logo, en touche (voir règles en tête de fichier) */
	--cal-accent:       #1256c4;
	--cal-accent-hover: #0f49a8;
	--cal-accent-soft:  #e8effc;
	--cal-accent-rgb:   18, 86, 196;
	--cal-accent-glow:  rgba(var(--cal-accent-rgb), 0.22);
	--cal-gradient-cta: linear-gradient(135deg, var(--cal-navy-700) 0%, var(--cal-accent) 100%);

	/* Neutres, biais froid */
	--cal-ink:           #0f1c2e;   /* titres */
	--cal-text:          #1c2a3f;   /* corps */
	--cal-muted:         #56657a;   /* secondaire */
	--cal-soft:          #8593a8;   /* discret, dates, légendes */
	--cal-surface:       #ffffff;
	--cal-bg-subtle:     var(--cal-navy-50);
	--cal-border:        #dde4ee;
	--cal-border-strong: #c8d2e0;

	/* Signaux (inchangés) */
	--cal-success:      #10b981;
	--cal-success-soft: #ecfdf5;
	--cal-danger:       #dc2626;
	--cal-danger-soft:  #fef2f2;
	--cal-warn:         #d97706;
	--cal-warn-soft:    #fef3c7;
	/* Textes de signal sur leur fond doux (contraste AA) */
	--cal-success-ink:  #0f5b3f;
	--cal-warn-ink:     #92400e;
	--cal-danger-ink:   #991b1b;

	/* Rayons */
	--cal-radius-sm: 10px;   /* boutons, champs */
	--cal-radius-md: 14px;   /* pastilles d'icône */
	--cal-radius-lg: 20px;   /* cartes */
	--cal-radius-xl: 28px;   /* grands blocs : CTA, témoignage */

	/* Ombres */
	--cal-shadow-1:     0 1px 2px rgba(15, 28, 46, 0.04);
	--cal-shadow-2:     0 1px 2px rgba(15, 28, 46, 0.04), 0 12px 32px rgba(15, 28, 46, 0.06);
	--cal-shadow-3:     0 2px 4px rgba(15, 28, 46, 0.04), 0 24px 60px rgba(15, 35, 64, 0.16);
	--cal-shadow-brand: 0 6px 20px rgba(var(--cal-brand-rgb), 0.28);

	/* Bundle Tailwind (dist/assets/js-*.css) : mêmes rôles, mêmes valeurs */
	--nvi-color-naviti-brand-strong:     var(--cal-brand);
	--nvi-color-naviti-brand-hover:      var(--cal-brand-hover);
	--nvi-color-naviti-dark-bg:          var(--cal-navy-900);
	--nvi-color-naviti-primary:          var(--cal-text);
	--nvi-color-naviti-strong:           var(--cal-ink);
	--nvi-color-naviti-weaker:           var(--cal-muted);
	--nvi-color-naviti-first-breadcrumb: var(--cal-muted);
	--nvi-color-naviti-stroke-weakest:   var(--cal-border);
	--nvi-color-naviti-stroke-weaker:    var(--cal-border-strong);
	--nvi-color-naviti-stroke-hover:     var(--cal-navy-300);
	--nvi-color-naviti-hero-bg:          var(--cal-navy-50);
}