:root {
	--primary: oklch(23% 0.045 255);
	--primary-light: oklch(32% 0.05 255);
	--primary-dark: oklch(16% 0.035 255);
	--accent: oklch(66% 0.09 75);
	--accent-dark: oklch(50% 0.08 75);
	--accent-tint: oklch(92% 0.025 80);
	--bg: oklch(97% 0.01 90);
	--bg-alt: oklch(94% 0.012 85);
	--surface: oklch(99% 0.004 90);
	--text: oklch(20% 0.01 260);
	--text-muted: oklch(42% 0.015 260);
	--text-on-dark: oklch(95% 0.012 90);
	--text-on-dark-muted: oklch(78% 0.02 90);
	--border: oklch(85% 0.012 85);
	--border-on-dark: oklch(40% 0.03 255);

	--radius: 2px;
	--radius-feature: 6px;

	--shadow-sm: 0 1px 2px oklch(20% 0.01 260 / 0.08);
	--shadow-md: 0 12px 32px -16px oklch(20% 0.01 260 / 0.28);

	--font-display: 'Fraunces', 'Iowan Old Style', serif;
	--font-body: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;

	--text-xs: 0.8125rem;
	--text-sm: 0.9375rem;
	--text-base: 1.125rem;
	--text-md: 1.375rem;
	--text-lg: 1.75rem;
	--text-xl: 2.25rem;
	--text-2xl: clamp(2rem, 1.3rem + 2.6vw, 3rem);
	--text-3xl: clamp(3.4rem, 2.4rem + 4vw, 4.75rem);

	--space-3xs: 0.5rem;
	--space-2xs: 1rem;
	--space-xs: 1.5rem;
	--space-sm: 2.5rem;
	--space-md: 4rem;
	--space-lg: 5.5rem;
	--space-xl: 7rem;
	--space-2xl: 9rem;
	--space-3xl: 10rem;

	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--duration-fast: 180ms;
	--duration-base: 260ms;

	--container-max: 1360px;
	--gutter: clamp(1.25rem, 3vw, 3rem);
}