/**
 * Design tokens — Velena
 * Direction Velena : blanc · lavande douce · charcoal · or discret
 */
:root {
	/* ── 60% — Base neutre chaude (ivoire / crème) ── */
	--velena-color-bg: #fcfbfc;
	--velena-color-bg-2: #f7f3f8;
	--velena-color-bg-elevated: #ffffff;

	/* ── 30% — Surfaces secondaires (rose poudré · champagne) ── */
	--velena-color-surface: #f7f3f8;
	--velena-color-surface-2: #efe8f2;
	--velena-color-champagne: #f5f0e8;
	--velena-color-rose: #eadff0;
	--velena-color-rose-deep: #a985b8;

	/* ── Bordures douces ── */
	--velena-color-border: #ded9e0;
	--velena-color-border-subtle: #eeeaf0;

	/* ── Texte (charcoal chaud · taupe) ── */
	--velena-color-text: #242124;
	--velena-color-text-soft: #4b454c;
	--velena-color-text-muted: #736c73;
	--velena-color-inverse: #ffffff;

	/* ── 10% — Accent principal (bronze champagne · brun doux) ── */
	--velena-color-accent: #b79ac8;
	--velena-color-accent-dark: #8d6aa0;
	--velena-color-accent-soft: #c7b2d8;
	--velena-color-gold: #c8a46a;
	--velena-color-gold-soft: #dfc99e;

	/* ── Highlights · badges · états actifs ── */
	--velena-color-highlight: #b79ac8;
	--velena-color-highlight-soft: #c7b2d8;
	--velena-color-focus: #a985b8;

	/* ── Retours utilisateur (tons chauds, hors vert/rouge système) ── */
	--velena-color-success-bg: #eef4eb;
	--velena-color-success-text: #4a5e42;
	--velena-color-success-border: #d4e0cf;
	--velena-color-error-bg: #f9ece9;
	--velena-color-error-text: #7a4a40;
	--velena-color-error-border: #dcc9c1;

	/* ── Texte clair sur fonds sombres (hero · newsletter · footer) ── */
	--velena-color-inverse-92: rgba(255, 252, 249, 0.92);
	--velena-color-inverse-88: rgba(255, 252, 249, 0.88);
	--velena-color-inverse-78: rgba(255, 252, 249, 0.78);
	--velena-color-inverse-70: rgba(255, 252, 249, 0.7);
	--velena-color-inverse-55: rgba(255, 252, 249, 0.55);
	--velena-color-inverse-35: rgba(255, 252, 249, 0.35);
	--velena-color-inverse-25: rgba(255, 252, 249, 0.25);
	--velena-color-inverse-22: rgba(255, 252, 249, 0.22);
	--velena-color-inverse-08: rgba(255, 252, 249, 0.08);

	/* ── Zones sombres (header bar · footer) ── */
	--velena-color-warm-dark: #302b31;
	--velena-color-dark: var(--velena-color-warm-dark);
	--velena-color-topbar: #302b31;
	--velena-color-footer: #302b31;
	--velena-color-header-glass: #ffffff;
	--velena-color-inverse-muted: rgba(255, 255, 255, 0.88);

	/* ── Alias sémantiques (usage composants) ── */
	--color-bg: var(--velena-color-bg);
	--color-surface: var(--velena-color-surface);
	--color-surface-elevated: var(--velena-color-bg-elevated);
	--color-text: var(--velena-color-text);
	--color-text-muted: var(--velena-color-text-muted);
	--color-primary: var(--velena-color-dark);
	--color-primary-hover: var(--velena-color-accent-dark);
	--color-accent: var(--velena-color-accent);
	--color-accent-hover: var(--velena-color-accent-dark);
	--color-border: var(--velena-color-border);
	--color-highlight: var(--velena-color-highlight);
	--color-inverse: var(--velena-color-inverse);

	/* ── Dégradés éditoriaux ── */
	--velena-gradient-soft: none;
	--velena-gradient-surface: none;
	--velena-gradient-hero: none;
	--velena-gradient-dark: none;

	/* ── Ombres (charcoal chaud) ── */
	--velena-shadow-sm: 0 2px 8px rgba(46, 40, 36, 0.06);
	--velena-shadow-md: 0 14px 42px rgba(46, 40, 36, 0.09);
	--velena-shadow-soft: 0 28px 80px rgba(46, 40, 36, 0.08);
	--velena-shadow-card: 0 18px 50px rgba(46, 40, 36, 0.07);
	--velena-shadow-glow: 0 12px 40px rgba(154, 115, 87, 0.12);

	/* Typographie */
	--velena-font-display: "Cormorant Garamond", Georgia, serif;
	--velena-font-body: "DM Sans", "Helvetica Neue", sans-serif;
	--velena-text-xs: 0.72rem;
	--velena-text-sm: 0.875rem;
	--velena-text-base: 1rem;
	--velena-text-lg: 1.125rem;
	--velena-text-xl: 1.28rem;
	--velena-text-2xl: 1.65rem;
	--velena-text-3xl: 2.15rem;
	--velena-text-4xl: clamp(2.1rem, 4.6vw, 3rem);
	--velena-text-5xl: clamp(2.65rem, 6vw, 3.85rem);
	--velena-leading-tight: 1.12;
	--velena-leading-snug: 1.32;
	--velena-leading-normal: 1.58;
	--velena-tracking-wide: 0.14em;
	--velena-tracking-tight: -0.02em;

	/* Espacements */
	--velena-space-1: 0.25rem;
	--velena-space-2: 0.5rem;
	--velena-space-3: 0.75rem;
	--velena-space-4: 1rem;
	--velena-space-5: 1.25rem;
	--velena-space-6: 1.5rem;
	--velena-space-8: 2rem;
	--velena-space-10: 2.5rem;
	--velena-space-12: 3rem;
	--velena-space-16: 4rem;
	--velena-space-20: 5rem;
	--velena-space-24: 6rem;
	--velena-space-32: 8rem;

	--velena-radius-sm: 8px;
	--velena-radius-md: 8px;
	--velena-radius-lg: 10px;
	--velena-radius-xl: 12px;
	--velena-radius-full: 999px;

	--velena-container: 1180px;
	--velena-container-narrow: 720px;
	--velena-header-height: 76px;
	--velena-transition: 0.24s ease;
	--velena-transition-slow: 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--velena-transition: 0.01ms;
		--velena-transition-slow: 0.01ms;
	}
}