/* Hallmark · macrostructure: Stat-Led · genre: editorial · theme: Studio/Klarity · enrichment: none · nav: existing · footer: existing · contrast: pass (40–41) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57) · pre-emit critique: P5 H5 E4 S5 R5 V4 */

:root {
	--color-paper: oklch(98% 0.008 245);
	--color-paper-2: oklch(95% 0.012 245);
	--color-paper-3: oklch(91% 0.018 245);
	--color-ink: oklch(18% 0.018 252);
	--color-ink-soft: oklch(32% 0.018 252);
	--color-muted: oklch(44% 0.02 252);
	--color-rule: oklch(76% 0.018 245);
	--color-rule-strong: oklch(52% 0.02 252);
	--color-accent: oklch(55% 0.2 252);
	--color-accent-ink: oklch(98% 0.008 245);
	--color-energy: oklch(88% 0.23 125);
	--color-energy-ink: oklch(18% 0.018 252);
	--color-warm: oklch(90% 0.17 95);
	--color-warm-ink: oklch(18% 0.018 252);
	--color-error: oklch(52% 0.2 28);
	--color-success: oklch(48% 0.14 148);
	--color-focus: oklch(58% 0.18 252);
	--color-shadow: oklch(18% 0.018 252 / 0.12);
	--color-transparent: oklch(0% 0 0 / 0);

	--font-display: var(--ke-serif);
	--font-body: var(--ke-sans);

	--space-3xs: 0.125rem;
	--space-2xs: 0.25rem;
	--space-xs: 0.5rem;
	--space-sm: 0.75rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2.5rem;
	--space-2xl: 4rem;
	--space-3xl: 6rem;
	--space-4xl: 9rem;

	--text-xs: 0.72rem;
	--text-sm: 0.82rem;
	--text-base: 1rem;
	--text-md: 1.25rem;
	--text-lg: 1.5625rem;
	--text-xl: 1.953rem;
	--text-2xl: 2.441rem;
	--text-3xl: 3.052rem;
	--text-4xl: 3.815rem;
	--text-display: clamp(3rem, 7vw, 6.75rem);

	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-in: cubic-bezier(0.7, 0, 0.84, 0);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--dur-micro: 120ms;
	--dur-short: 220ms;
	--dur-long: 420ms;
	--dur-spin: 700ms;

	--rule-thin: 1px;
	--rule-strong: 2px;
	--radius-none: 0;
	--radius-control: 0.25rem;
	--radius-round: 50%;
}