/*
 * Kerlys — Design tokens
 * Source de vérité : .claude/skills/kerlys-design-system/SKILL.md (racine du repo),
 * lui-même extrait le 2026-09-01 des pages réelles du projet Claude Design du
 * client (À propos, Catalogue, Contact, Fiche produit). Remplace une première
 * extraction erronée (accent #00A896, typographie Rozha One).
 */
:root {
	/* Accent (liens, boutons primaires, item de nav actif, mega menu) */
	--color-primary: #51B2AA;
	--color-primary-hover: #3d8f88;
	/* Accent clair — uniquement sur fond sombre (badge "Gamme du moment", liens footer/mega menu foncé) */
	--accent-light: #78C9B9;

	/* Texte / fonds */
	--color-secondary: #202E37; /* titres sur fond clair */
	--color-text: #202E37; /* texte de corps */
	--color-bg: #FFFFFF; /* fond de page (accueil, à propos) */
	--color-surface: #F7F8FA; /* fond de page (catalogue, contact, fiche produit) */
	--footer-bg: #1B2B39; /* bandeau de titre foncé (catalogue/contact) + footer + mega menu "gamme du moment" */
	--border: #E7EAED;

	/* Texte atténué — plusieurs nuances selon le contexte (cf. design system) */
	--text-muted: #7B868D;
	--text-muted-2: #8A959C;
	--text-muted-3: #6B7880;
	--text-muted-4: #9AA6AD;

	/* Typographie — Roboto uniquement, partout (300 à 700). Aucune autre famille :
	 * confirmé par le client le 2026-09-01, une exploration "Color Type Pairings"
	 * proposant 5 pistes alternatives (dont une base Rozha One) a été explicitement
	 * écartée. --font-display reste défini (repris par des gabarits existants comme
	 * "Nos gammes") mais pointe désormais vers Roboto, pas vers une police d'affichage
	 * séparée. */
	--font-body: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-display: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;

	/* Largeur de conteneur standard, toutes pages confondues */
	--container-max: 1400px;
}