/* Charte psy-child — palette sémantique bleue (passe charte-bleue, 06/2026).
   Bleu doux désaturé moderne. Contrastes WCAG AA vérifiés (cf. plan charte-bleue).

   Règle de gouvernance :
   - Texte courant : primary / link / ink / ink-soft (tous AA ≥ 4.5).
   - accent-soft + gold : réservés au NON-texte (filets, fonds, icônes en grand,
     touches décoratives). JAMAIS d'or sur du texte de bouton.
   - Erreur / KO : ton chaud sémantique conservé (danger).
   - Polices inchangées, self-hostées (RGPD : zéro CDN). */

:root {
	/* Fonds */
	--color-bg:          #F4F8F9;   /* Fond de page — blanc très légèrement bleuté. */
	--color-bg-alt:      #EAF1F4;   /* Bandes de section alternées. */
	--color-surface:     #FFFFFF;   /* Cartes / surfaces. */
	--color-surface-2:   #F7FAFB;   /* Surface subtile (inputs, encarts secondaires). */

	/* Texte */
	--color-ink:         #22303A;   /* Texte courant — encre foncée bleutée (AA 12.6+). */
	--color-ink-soft:    #52646F;   /* Texte secondaire / méta (AA 5.76+). */

	/* Bleus de marque */
	--color-primary:        #274A5E;   /* Titres, marque, fond des boutons d'action. */
	--color-primary-strong: #1C3A4B;   /* Hover / états appuyés des boutons (AA 11.96). */
	--color-link:           #2F5C72;   /* Liens & texte interactif (AA 6.3–7.2). */
	--color-link-hover:     #1C3A4B;   /* Survol des liens. */
	--color-accent-soft:    #6B8FA3;   /* Accent NON-textuel : filets, fonds de survol,
	                                      gros titres déco, icônes en grand (AA large 3.2+). */
	--color-accent-tint:    #E7EEF4;   /* Fond teinté bleu clair (pills, badges, bandes CTA). */
	--color-line:           #DCE6EB;   /* Bordures et séparateurs. */

	/* Accent doré DÉCORATIF — détails uniquement, jamais sur du texte de bouton.
	   Volontairement plus saturé/clair que le badge Premium (#f5e9c2/#d6b76b) pour
	   rester visuellement distinct. */
	--color-gold:        #D4A853;   /* Touche dorée (icônes, filets, petits accents). */
	--color-gold-deep:   #B8893B;   /* Doré profond pour dégradés décoratifs. */

	/* Feedback */
	--color-danger:      #A24E37;   /* Erreur / KO — ton chaud sémantique conservé. */
	--color-danger-tint: #FBEAE3;   /* Fond d'erreur léger. */

	/* Ombres — multi-couches, basse opacité, teintées du RGB primary (39, 74, 94).
	   Jamais de noir dur. --shadow-lift = état survolé (cartes). */
	--color-shadow:      0 1px 2px rgba(39, 74, 94, .05), 0 10px 30px -12px rgba(39, 74, 94, .16);
	--shadow-lift:       0 2px 4px rgba(39, 74, 94, .07), 0 18px 44px -14px rgba(39, 74, 94, .25);

	/* Typo (inchangé — self-hosted). */
	--font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--font-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;

	/* Géométrie. Arrondis généreux (modernisation v0.17) : cartes 18-20px,
	   boutons déjà en pilule (999px). */
	--radius: 18px;
	--radius-lg: 20px;
	--maxw: 1080px;
}