/*
 * Jetons de charte AHONA. Fichier tenu par le boss : les workers les utilisent,
 * ils n'en ajoutent pas sans le signaler. Palette relevée sur l'ancien site.
 */
:root {
	/* Couleurs de marque */
	--c-sable: #f6f0e6;        /* fond principal */
	--c-lin: #f2eadb;          /* fond secondaire, texte clair sur foncé */
	--c-ecru: #fbf8f2;         /* surfaces claires (cartes, panneaux) */
	--c-noisette: #a3856c;     /* bandeau, logo */
	--c-noisette-deep: #7d6350;
	--c-terracotta: #c58c6e;   /* accent décoratif (ne porte pas de petit texte clair) */
	--c-terracotta-deep: #9a5e40; /* boutons : texte lin dessus, contraste AA */
	--c-olive: #445146;        /* titres */
	--c-olive-deep: #383e28;
	--c-ink: #2a2826;          /* texte fort */
	--c-text: #5f5e5b;         /* texte courant (AA sur sable) */
	--c-muted: #8a857d;        /* texte secondaire, uniquement en grand ou décoratif */
	--c-line: #e2d8c7;         /* filets */
	--c-success: #4f6b4a;
	--c-danger: #a2412f;
	--c-focus: #9a5e40;

	/* Typographie (kit Adobe zpj1nnb) */
	--f-display: "the-seasons", "Cormorant Garamond", Georgia, serif;
	--f-text: "zeitung", "Helvetica Neue", Arial, sans-serif;
	--f-mono: "zeitung-mono", ui-monospace, monospace;

	--fs-xs: 0.8125rem;   /* 13 */
	--fs-sm: 0.9375rem;   /* 15 */
	--fs-base: 1.0625rem; /* 17 */
	--fs-lg: 1.25rem;
	--fs-xl: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
	--fs-2xl: clamp(2rem, 1.5rem + 2vw, 3.125rem);
	--fs-3xl: clamp(2.75rem, 1.8rem + 4vw, 5.5rem);
	--fs-hero: clamp(3.5rem, 2rem + 8vw, 10rem);

	--fw-light: 200;
	--fw-regular: 300;
	--fw-medium: 400;
	--fw-bold: 700;

	--lh-tight: 1.05;
	--lh-snug: 1.25;
	--lh-body: 1.6;
	--ls-caps: 0.14em;

	/* Espacements */
	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.5rem;
	--sp-6: 2rem;
	--sp-7: 3rem;
	--sp-8: 4rem;
	--sp-9: 6rem;
	--sp-10: 8rem;
	--section-y: clamp(3.5rem, 2rem + 6vw, 8rem);
	--gutter: clamp(1rem, 0.5rem + 2vw, 2.5rem);

	/* Mise en page */
	--w-max: 1440px;
	--w-text: 42rem;
	--header-h: 84px;
	--announce-h: 44px;

	/* Formes : la marque est anguleuse, presque pas d'arrondi */
	--radius: 2px;
	--radius-pill: 999px;
	--shadow-soft: 0 10px 30px -12px rgba(42, 40, 38, 0.18);
	--shadow-panel: 0 24px 60px -20px rgba(42, 40, 38, 0.35);

	/* Mouvement */
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-fast: 160ms;
	--dur: 320ms;
	--dur-slow: 700ms;

	--z-header: 50;
	--z-drawer: 80;
	--z-modal: 90;
	--z-toast: 100;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--dur-fast: 0ms;
		--dur: 0ms;
		--dur-slow: 0ms;
	}
}