/* ============================================================
   MIN AVA — design tokens (loaded site-wide)
   These tokens drive the header, footer, and the .ava-page
   landing-page CSS. Declared at :root so they cascade everywhere.
   ============================================================ */

:root {
	/* Core palette */
	--clay:        oklch(0.62 0.10 45);
	--clay-light:  oklch(0.72 0.07 48);
	--clay-deep:   oklch(0.50 0.10 42);
	--linen:       oklch(0.94 0.025 60);
	--linen-mid:   oklch(0.89 0.030 62);
	--linen-dark:  oklch(0.82 0.040 58);
	--warm-white:  oklch(0.97 0.010 68);
	--ink:         oklch(0.22 0.04 40);
	--ink-soft:    oklch(0.35 0.04 42);
	--ink-muted:   oklch(0.52 0.03 48);
	--sage:        oklch(0.48 0.055 155);
	--sage-light:  oklch(0.72 0.04 148);

	/* Type */
	--font-display: 'Onest', system-ui, sans-serif;
	--font-body:    'Hanken Grotesk', system-ui, sans-serif;

	/* Fluid type scale */
	--text-xs:   clamp(0.75rem,  0.70rem + 0.22vw, 0.875rem);
	--text-sm:   clamp(0.875rem, 0.82rem + 0.26vw, 1rem);
	--text-base: clamp(1rem,     0.95rem + 0.30vw, 1.125rem);
	--text-lg:   clamp(1.125rem, 1.05rem + 0.40vw, 1.333rem);
	--text-xl:   clamp(1.333rem, 1.20rem + 0.65vw, 1.75rem);
	--text-2xl:  clamp(1.75rem,  1.55rem + 1.00vw, 2.333rem);
	--text-3xl:  clamp(2.333rem, 2.00rem + 1.70vw, 3.5rem);
	--text-4xl:  clamp(3.5rem,   2.80rem + 3.50vw, 6rem);

	/* Fluid space */
	--space-xs:  clamp(0.5rem,   0.4rem  + 0.5vw,  0.75rem);
	--space-sm:  clamp(0.75rem,  0.6rem  + 0.75vw, 1.25rem);
	--space-md:  clamp(1.25rem,  1rem    + 1.25vw, 2rem);
	--space-lg:  clamp(2rem,     1.5rem  + 2.5vw,  4rem);
	--space-xl:  clamp(3.5rem,   2.5rem  + 5vw,    7rem);
	--space-2xl: clamp(5rem,     3.5rem  + 7.5vw,  10rem);

	/* Easing */
	--ease-out-quart: cubic-bezier(0.22, 1, 0.36, 1);
}