/* ==========================================================================
   ECVESTRIA — The Journey · Design tokens
   Luxury: near-black + ivory + champagne gold
   ========================================================================== */

:root {
	--er-ink: #0f1110;
	--er-ivory: #f5f1ea;
	--er-gold: #a8864a;
	--er-gold-light: #c9a96a;
	--er-gold-muted: rgba(168, 134, 74, 0.45);

	--er-brand: var(--er-gold);
	--er-brand-dark: #8a6d3b;
	--er-brand-light: rgba(168, 134, 74, 0.12);

	--er-color-bg: var(--er-ink);
	--er-color-bg-alt: #161918;
	--er-color-bg-soft: #1c1f1d;
	--er-color-surface: rgba(245, 241, 234, 0.06);
	--er-color-surface-raised: rgba(245, 241, 234, 0.1);

	--er-color-text: #fff;
	--er-color-text-muted: #fff;
	--er-color-text-subtle: #fff;
	--er-color-text-inverse: var(--er-ink);

	--er-color-border: rgba(245, 241, 234, 0.1);
	--er-color-border-strong: rgba(245, 241, 234, 0.2);

	--er-color-accent: var(--er-gold);
	--er-color-accent-hover: var(--er-gold-light);
	--er-color-focus: var(--er-gold);
	--er-color-focus-ring: rgba(168, 134, 74, 0.35);

	--er-font-display: Cambria, "Hoefler Text", "Liberation Serif", Georgia, serif;
	--er-font-sans: "Inter", system-ui, sans-serif;
	--er-font-booking: "DM Sans", var(--er-font-sans);

	--er-text-h1-size: clamp(2.5rem, 6vw, 4.5rem);
	--er-text-h2-size: clamp(1.75rem, 4vw, 3rem);
	--er-text-h3-size: clamp(1.25rem, 2.5vw, 1.75rem);
	--er-text-h4-size: 1.125rem;
	--er-text-body-size: 1.0625rem;
	--er-text-body-lg-size: 1.25rem;
	--er-text-small-size: 0.875rem;
	--er-text-xs-size: 0.75rem;
	--er-text-eyebrow-size: 0.6875rem;

	--er-weight-regular: 400;
	--er-weight-medium: 500;
	--er-weight-semibold: 600;

	--er-leading-tight: 1.08;
	--er-leading-snug: 1.25;
	--er-leading-relaxed: 1.65;

	--er-tracking-snug: -0.02em;
	--er-tracking-wide: 0.14em;
	--er-tracking-wider: 0.18em;
	--er-tracking-luxury: 0.22em;

	--er-space-xs: 0.5rem;
	--er-space-sm: 1rem;
	--er-space-md: 1.5rem;
	--er-space-lg: 2.5rem;
	--er-space-xl: 4rem;
	--er-space-3xl: 6rem;
	--er-section-y: clamp(4rem, 10vw, 7rem);

	--er-container: 72rem;
	--er-container-gutter: clamp(1.35rem, 5.5vw, 2.5rem);
	--er-header-h: 4.5rem;
	--er-radius-sm: 6px;
	--er-radius: 10px;
	--er-radius-lg: 16px;
	--er-radius-full: 999px;
	--er-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
	--er-ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
	--er-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--er-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--er-transition-fast: 0.2s var(--er-ease-luxury);
}