/*
 * Produc-son — Design tokens
 * Source unique de vérité pour les couleurs, l'espacement et la typographie.
 * Toute valeur codée en dur ailleurs dans le thème est un bug.
 */

:root {
	/* ---- Charte de marque ---- */
	--ps-orange: #ef790c;
	--ps-orange-light: #fbc679;
	--ps-black: #1d1d1b;
	--ps-white: #ffffff;
	--ps-gradient: linear-gradient(135deg, #ef790c 0%, #fbc679 100%);

	/* ---- Déclinaisons neutres (dérivées du noir de marque) ---- */
	--ps-ink: #1d1d1b;
	--ps-ink-70: #55534f;
	--ps-ink-50: #8b8985;
	--ps-line: #e6e3de;
	--ps-surface: #ffffff;
	--ps-surface-alt: #faf8f5;
	--ps-surface-dark: #1d1d1b;

	/* ---- Rôles sémantiques ---- */
	--ps-text: var(--ps-ink);
	--ps-text-muted: var(--ps-ink-70);
	--ps-accent: var(--ps-orange);
	--ps-focus: var(--ps-orange);

	/* ---- Typographie ---- */
	--ps-font-body: "Open Sans PS", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ps-font-title: "Krona One", var(--ps-font-body);

	--ps-text-xs: 0.8125rem;   /* 13px */
	--ps-text-sm: 0.9375rem;   /* 15px */
	--ps-text-base: 1.0625rem; /* 17px */
	--ps-text-lg: 1.25rem;     /* 20px */
	--ps-text-xl: clamp(1.375rem, 1.1rem + 1.1vw, 1.75rem);
	--ps-text-2xl: clamp(1.75rem, 1.3rem + 1.9vw, 2.5rem);
	--ps-text-3xl: clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem);

	--ps-leading-tight: 1.15;
	--ps-leading-normal: 1.65;

	/* ---- Espacement (échelle unique, pas d'invention ailleurs) ---- */
	--ps-space-1: 0.25rem;
	--ps-space-2: 0.5rem;
	--ps-space-3: 0.75rem;
	--ps-space-4: 1rem;
	--ps-space-5: 1.5rem;
	--ps-space-6: 2rem;
	--ps-space-7: 3rem;
	--ps-space-8: 4rem;
	--ps-space-9: 6rem;

	/* Respiration verticale d'une section, fluide */
	--ps-section-y: clamp(3rem, 1.5rem + 6vw, 6rem);

	/* ---- Mise en page ---- */
	--ps-container: 1200px;
	--ps-container-narrow: 760px;
	--ps-gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

	/* ---- Rayons et ombres ---- */
	--ps-radius-sm: 6px;
	--ps-radius: 12px;
	--ps-radius-lg: 20px;
	--ps-radius-pill: 999px;

	--ps-shadow-sm: 0 1px 2px rgba(29, 29, 27, 0.06), 0 2px 8px rgba(29, 29, 27, 0.05);
	--ps-shadow: 0 4px 12px rgba(29, 29, 27, 0.08), 0 12px 32px rgba(29, 29, 27, 0.07);

	/* ---- Transitions ---- */
	--ps-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ps-transition: 220ms var(--ps-ease);

	/* ---- Empilement ---- */
	--ps-z-header: 100;
}