/**
 * Alterna design tokens.
 * Derived from the approved Alterna visual system (Phase 0).
 * Theme infrastructure only — Elementor Global Styles should mirror these.
 */

:root {
	/* ——— Color ——— */
	--elevora-color-charcoal: #1a1a1a;
	--elevora-color-charcoal-deep: #121212;
	--elevora-color-charcoal-soft: #2a2a2a;
	--elevora-color-white: #ffffff;
	--elevora-color-off-white: #f7f5f2;
	--elevora-color-off-white-warm: #f3f0ea;
	--elevora-color-gold: #c5a059;
	--elevora-color-gold-hover: #b3904a;
	--elevora-color-gold-muted: #d4af7a;
	--elevora-color-text: #1f1f1f;
	--elevora-color-text-muted: #6b6b6b;
	--elevora-color-text-on-dark: #f5f5f5;
	--elevora-color-border: #e5e2dc;
	--elevora-color-border-strong: #cfc9bf;
	--elevora-color-focus: #c5a059;
	--elevora-color-overlay: rgba(18, 18, 18, 0.55);

	/* ——— Typography ——— */
	--elevora-font-serif: "Cormorant Garamond", "Times New Roman", Times, serif;
	--elevora-font-sans: "Manrope", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--elevora-fw-regular: 400;
	--elevora-fw-medium: 500;
	--elevora-fw-semibold: 600;
	--elevora-fw-bold: 700;

	--elevora-fs-eyebrow: 0.75rem;
	--elevora-fs-body: 1rem;
	--elevora-fs-body-lg: 1.125rem;
	--elevora-fs-h6: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	--elevora-fs-h5: clamp(1.125rem, 1.05rem + 0.35vw, 1.35rem);
	--elevora-fs-h4: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
	--elevora-fs-h3: clamp(1.6rem, 1.35rem + 1vw, 2.25rem);
	--elevora-fs-h2: clamp(2rem, 1.6rem + 1.6vw, 3rem);
	--elevora-fs-h1: clamp(2.5rem, 1.9rem + 2.4vw, 4rem);
	--elevora-fs-display: clamp(2.75rem, 2rem + 3vw, 4.5rem);

	--elevora-lh-tight: 1.15;
	--elevora-lh-snug: 1.3;
	--elevora-lh-body: 1.65;
	--elevora-ls-eyebrow: 0.12em;
	--elevora-ls-heading: -0.01em;

	/* ——— Layout ——— */
	--elevora-content-width: 1200px;
	--elevora-content-width-wide: 1400px;
	--elevora-content-width-narrow: 720px;
	--elevora-gutter: clamp(1.25rem, 4vw, 2rem);
	--elevora-section-space: clamp(4rem, 7vw, 7.5rem);
	--elevora-section-space-sm: clamp(2.5rem, 4vw, 4rem);
	--elevora-stack-gap: 1.5rem;
	--elevora-grid-gap: clamp(1.25rem, 2.5vw, 2rem);

	/* ——— Controls ——— */
	--elevora-radius: 0;
	--elevora-radius-sm: 2px;
	--elevora-radius-pill: 999px; /* reserved; avoid for primary UI */
	--elevora-border-width: 1px;
	--elevora-btn-pad-y: 0.9rem;
	--elevora-btn-pad-x: 1.6rem;
	--elevora-header-height: 5rem;
	--elevora-transition: 180ms ease;

	/* ——— Shadows (restrained; almost none by default) ——— */
	--elevora-shadow-none: none;
	--elevora-shadow-soft: 0 8px 24px rgba(18, 18, 18, 0.06);

	/* ——— Breakpoints (documentation; use in media queries) ——— */
	/* --bp-sm: 480px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px; */
}