/**
 * Sanaa design tokens — static fallback values.
 *
 * The theme resolves real values from Customizer settings and prints them
 * as :root custom properties (inc/tokens.php). This file keeps the site
 * styled if that inline output is ever missing, and defines the
 * non-configurable scale tokens.
 */

:root {
	/* Brand & palette (fallbacks — overridden by settings). */
	--sanaa-primary: #2e5d53;
	--sanaa-on-primary: #fff;
	--sanaa-secondary: #b9f27f;
	--sanaa-on-secondary: #0d1c19;
	--sanaa-accent: #fbc21d;
	--sanaa-on-accent: #0d1c19;
	--sanaa-bg: #fff;
	--sanaa-surface: #f0f4f2;
	--sanaa-text: #0d1c19;
	--sanaa-text-muted: #5f6b66;
	--sanaa-heading-color: #0d1c19;
	--sanaa-ink: #0d1c19;
	--sanaa-text-inverse: #fff;
	--sanaa-border: #d9e3de;
	--sanaa-support-blue: #b6d4f2;
	--sanaa-support-coral: #ff9364;
	--sanaa-support-yellow: #fbc21d;

	/* Buttons — follow the brand palette until overridden. */
	--sanaa-button-bg: var(--sanaa-primary);
	--sanaa-button-text: var(--sanaa-on-primary);
	--sanaa-button-hover-bg: var(--sanaa-accent);
	--sanaa-button-hover-text: var(--sanaa-on-accent);
	--sanaa-button-back: var(--sanaa-text);
	--sanaa-success: #2e5d53;
	--sanaa-warning: #b5721d;

	/* Layout. */
	--sanaa-container: 1240px;
	--sanaa-container-narrow: 760px;
	--sanaa-gutter: clamp(1.25rem, 4vw, 3rem);
	--sanaa-section-gap: 96px;
	--sanaa-grid-gap: 24px;

	/* Radius. */
	--sanaa-radius-sm: 4px;
	--sanaa-radius-md: 10px;
	--sanaa-radius-lg: 20px;
	--sanaa-radius-button: 4px;

	/* Borders. */
	--sanaa-border-width: 1px;

	/* Typography. */
	--sanaa-font-heading: 'Bricolage Grotesque', georgia, serif;
	--sanaa-font-body: 'Switzer', -apple-system, 'Segoe UI', sans-serif;
	--sanaa-font-accent: var(--sanaa-font-body);
	--sanaa-heading-weight: 600;
	--sanaa-body-weight: 400;
	--sanaa-heading-transform: none;
	--sanaa-heading-tracking: 0em;

	/* Fluid type scale — editorial, restrained. */
	--sanaa-text-sm: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
	--sanaa-text-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
	--sanaa-text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
	--sanaa-text-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
	--sanaa-display-sm: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
	--sanaa-display-md: clamp(2.25rem, 1.7rem + 2.6vw, 3.75rem);
	--sanaa-display-lg: clamp(2.75rem, 1.9rem + 4vw, 5.5rem);

	/* Leading & tracking. */
	--sanaa-leading-tight: 1.08;
	--sanaa-leading-snug: 1.25;
	--sanaa-leading-body: 1.65;
	--sanaa-track-eyebrow: 0.14em;

	/* Elevation. */
	--sanaa-shadow: 0 1px 2px rgb(23 19 9 / 6%), 0 4px 16px rgb(23 19 9 / 6%);

	/* Motion — deliberately restrained. */
	--sanaa-ease: cubic-bezier(0.22, 0.61, 0.21, 1);
	--sanaa-duration: 240ms;
	--sanaa-motion-duration: 200ms;
	--sanaa-motion-easing: ease;

	/* Layering. */
	--sanaa-z-nav: 100;
	--sanaa-z-overlay: 200;
}