/*
 * Canonical ZENAUURA design tokens.
 * Source: refrence/zenauura-tailwind-theme/app/zenauura-v2.css and
 * refrence/zenauura-tailwind-theme/elementor-conversion/global-kit-and-css.md.
 */

:root,
.editor-styles-wrapper {
	/* Canonical brand and interface colors. */
	--z-color-midnight: #04101f;
	--z-color-navy: #071a38;
	--z-color-sapphire: #153a68;
	--z-color-copper: #a16d2c;
	--z-color-copper-hover: #b47b35;
	--z-color-copper-dark: #82531f;
	--z-color-gold: #d2af69;
	--z-color-gold-light: #e9c67f;
	--z-color-ivory: #f7f2e9;
	--z-color-cream: #eee5d8;
	--z-color-white: #fffdf8;
	--z-color-ink: #1d211e;
	--z-color-muted: #676960;
	--z-color-announcement: #020a13;
	--z-color-footer: #020b14;

	/* Compatibility names used by existing theme components. */
	--z-midnight: var(--z-color-midnight);
	--z-navy: var(--z-color-navy);
	--z-sapphire: var(--z-color-sapphire);
	--z-copper: var(--z-color-copper);
	--z-copper-hover: var(--z-color-copper-hover);
	--z-copper-dark: var(--z-color-copper-dark);
	--z-copper-text: var(--z-copper-dark);
	--z-gold: var(--z-color-gold);
	--z-gold-light: var(--z-color-gold-light);
	--z-hero-gold: #e8c77f;
	--z-ivory: var(--z-color-ivory);
	--z-cream: var(--z-color-cream);
	--z-white: var(--z-color-white);
	--z-ink: var(--z-color-ink);
	--z-muted: var(--z-color-muted);
	--z-sage: #7f8f7d;
	--z-announcement: var(--z-color-announcement);
	--z-footer: var(--z-color-footer);
	--z-success: #377452;
	--z-error: #a33b3b;
	--z-line: rgba(29, 33, 30, 0.15);
	--z-line-dark: rgba(255, 255, 255, 0.18);

	/* Type families, weights, sizes, leading, and tracking. */
	--z-family-heading: "Cormorant Garamond", Georgia, serif;
	--z-family-body: "Manrope", Arial, sans-serif;
	--z-serif: var(--z-family-heading);
	--z-sans: var(--z-family-body);
	--z-weight-regular: 400;
	--z-weight-medium: 500;
	--z-weight-semibold: 600;
	--z-weight-bold: 700;
	--z-weight-extrabold: 800;
	--z-font-display-xl: clamp(3.625rem, 2.75rem + 3.9vw, 6.375rem);
	--z-font-h1: clamp(3rem, 2.3rem + 3.1vw, 5.5rem);
	--z-font-h2: clamp(2.625rem, 2rem + 2.8vw, 4.875rem);
	--z-font-h3: clamp(2rem, 1.72rem + 1.2vw, 2.75rem);
	--z-font-h4: clamp(1.5rem, 1.37rem + 0.55vw, 1.875rem);
	--z-font-body-large: clamp(1.0625rem, 1.02rem + 0.18vw, 1.1875rem);
	--z-font-body: clamp(1rem, 0.98rem + 0.09vw, 1.0625rem);
	--z-font-small: 0.8125rem;
	--z-font-eyebrow: clamp(0.75rem, 0.72rem + 0.13vw, 0.875rem);
	--z-font-navigation: 0.90625rem;
	--z-font-button: clamp(0.8125rem, 0.77rem + 0.18vw, 0.90625rem);
	/* Compatibility aliases retained for existing section components. */
	--z-font-lead: var(--z-font-body-large);
	--z-font-section: var(--z-font-h2);
	--z-font-hero: var(--z-font-display-xl);
	--z-font-inner-hero: var(--z-font-h1);
	--z-line-body: 1.75;
	--z-line-lead: 1.75;
	--z-line-heading: 1;
	--z-line-display: 0.92;
	--z-line-h1: 0.95;
	--z-line-h2: 0.98;
	--z-line-h3: 1.04;
	--z-line-h4: 1.12;
	--z-line-section: var(--z-line-h2);
	--z-line-hero: var(--z-line-display);
	--z-line-inner-hero: var(--z-line-h1);
	--z-track-eyebrow: 0.18em;
	--z-track-button: 0.065em;
	--z-track-navigation: 0.045em;
	--z-track-section: -0.025em;
	--z-track-display: -0.04em;

	/* Reference spacing scale and responsive section gutters. */
	--z-space-2xs: 8px;
	--z-space-xs: 14px;
	--z-space-sm: 18px;
	--z-space-md: 24px;
	--z-space-lg: 30px;
	--z-space-xl: 42px;
	--z-space-2xl: 60px;
	--z-space-section-min: 90px;
	--z-space-section: 120px;
	--z-space-section-max: 150px;
	--z-space-section-x: clamp(22px, 6vw, 112px);
	--z-space-section-y: clamp(90px, 9vw, 150px);
	--z-page-gutter: var(--z-space-section-x);
	--z-section-space: var(--z-space-section-y);
	--z-section-x: var(--z-page-gutter);
	--z-section-y: var(--z-section-space);

	/* Content measures found in the source layouts. */
	--z-width-copy: 760px;
	--z-width-narrow: 820px;
	--z-width-reading: 850px;
	--z-width-heading: 940px;
	--z-width-timeline: 1450px;
	--z-width-wide: 1500px;
	--z-width-grid: 1600px;
	--z-width-footer: 1650px;
	--z-content-copy: var(--z-width-copy);
	--z-content-narrow: var(--z-width-narrow);
	--z-content-article: var(--z-width-reading);
	--z-content-heading: var(--z-width-heading);
	--z-content-timeline: var(--z-width-timeline);
	--z-content-wide: var(--z-width-wide);
	--z-content-grid: var(--z-width-grid);
	--z-content-footer: var(--z-width-footer);

	/* Configurable site-shell defaults. Theme Settings overrides these on .z-site. */
	--zen-announcement-background: var(--z-color-announcement);
	--zen-announcement-accent-color: var(--z-color-gold);
	--zen-header-background: var(--z-color-midnight);
	--zen-header-sticky-background: var(--z-color-midnight);
	--zen-footer-background: var(--z-color-footer);
	--zen-footer-accent-color: var(--z-color-gold-light);

	/* Buttons. */
	--z-button-source-background: var(--z-copper);
	--z-button-background: var(--z-copper-dark);
	--z-button-hover-background: #6f461a;
	--z-button-height: 58px;
	--z-button-height-mobile: 54px;
	--z-button-height-utility: 44px;
	--z-button-padding-y: 15px;
	--z-button-padding-x: clamp(22px, 2vw, 30px);
	--z-button-padding-x-utility: 18px;
	--z-button-icon-gap: 18px;
	--z-button-radius: 7px;
	--z-button-disabled-opacity: 0.48;

	/* Corners and arch silhouettes. */
	--z-radius-compact: 6px;
	--z-radius-standard: 7px;
	--z-radius-soft: 8px;
	--z-radius-pill: 30px;
	--z-radius-circle: 50%;
	--z-arch-hero: 180px 180px 9px 9px;
	--z-arch-intention: 140px 140px 8px 8px;
	--z-arch-portrait: 170px 170px 4px 4px;
	--z-arch-founder: 260px 260px 8px 8px;
	--z-arch-secondary: 130px 130px 7px 7px;
	--z-arch-outline: 280px 280px 8px 8px;

	/* Elevation. */
	--z-shadow-header: 0 12px 35px rgba(0, 0, 0, 0.15);
	--z-shadow-menu: 0 28px 65px rgba(4, 16, 31, 0.22);
	--z-shadow-button: 0 15px 30px rgba(87, 52, 14, 0.25);
	--z-shadow-card: 0 22px 48px rgba(39, 27, 11, 0.16);
	--z-shadow-hero: 0 32px 70px rgba(0, 0, 0, 0.35);
	--z-shadow-seal: 0 20px 40px rgba(0, 0, 0, 0.25);
	--z-shadow-founder: 0 20px 45px rgba(90, 55, 18, 0.22);
	--z-shadow-finder: 0 35px 80px rgba(7, 26, 56, 0.25);

	/* Motion. */
	--z-transition-fast: 0.2s ease;
	--z-transition-ui: 0.25s ease;
	--z-transition-standard: 0.35s ease;
	--z-transition-menu: 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
	--z-transition-image: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s;
	--z-transition-product-image: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
	--z-transition-loader: opacity 0.55s ease, visibility 0.55s ease;
	--z-transition-button: transform 0.25s, background 0.25s, box-shadow 0.25s;
}