/* Hallmark design tokens: photographic catalogue / monochrome architectural minimalism. */
:root {
	--color-limestone: oklch(100% 0 0);
	--color-paper: oklch(98.2% 0 0);
	--color-paper-2: oklch(94.9% 0 0);
	--color-ink: oklch(0% 0 0);
	--color-ink-soft: oklch(29% 0 0);
	--color-moss: oklch(47% 0 0);
	--color-timber: oklch(94.9% 0 0);
	--color-rule: oklch(90.7% 0 0);
	--color-white: oklch(100% 0 0);
	--color-error: oklch(55% 0.18 28);
	--color-success: oklch(47% 0.09 150);
	--color-focus: oklch(56% 0.23 260);
	--color-white-24: color-mix(in oklch, var(--color-white) 24%, transparent);
	--color-white-68: color-mix(in oklch, var(--color-white) 68%, transparent);
	--color-white-72: color-mix(in oklch, var(--color-white) 72%, transparent);
	--color-white-78: color-mix(in oklch, var(--color-white) 78%, transparent);
	--color-white-80: color-mix(in oklch, var(--color-white) 80%, transparent);
	--color-ink-18: color-mix(in oklch, var(--color-ink) 18%, transparent);
	--color-ink-28: color-mix(in oklch, var(--color-ink) 28%, transparent);
	--color-ink-35: color-mix(in oklch, var(--color-ink) 35%, transparent);
	--color-ink-45: color-mix(in oklch, var(--color-ink) 45%, transparent);
	--color-ink-78: color-mix(in oklch, var(--color-ink) 78%, transparent);
	--color-accent: var(--color-ink);
	--color-accent-ink: var(--color-white);
	--font-display: "Noto Sans", "Avenir Next", "Helvetica Neue", sans-serif;
	--font-body: "Noto Sans", "Avenir Next", "Helvetica Neue", sans-serif;
	--font-meta: "SFMono-Regular", "IBM Plex Mono", "Courier New", monospace;
	--space-2xs: 0.25rem;
	--space-xs: 0.5rem;
	--space-sm: 0.75rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2rem;
	--space-2xl: 3rem;
	--space-3xl: clamp(5rem, 8.889vw, 8rem);
	--space-4xl: clamp(6rem, 10vw, 11rem);
	--text-caption: 0.72rem;
	--text-small: 0.875rem;
	--text-body: 1rem;
	--text-lead: clamp(1rem, 1.25vw, 1.125rem);
	--text-h3: clamp(1.875rem, 2.5vw, 2.25rem);
	--text-h2: clamp(2.5rem, 3.333vw, 3rem);
	--text-display: clamp(4rem, 6.667vw, 6rem);
	--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-fast: 120ms;
	--dur-ui: 220ms;
	--dur-image: 700ms;
	--rule-hairline: 1px solid var(--color-rule);
	--radius-none: 0;
	--swatch-black: oklch(16% 0 0);
	--swatch-silver-wood: oklch(70% 0.008 75);
	--swatch-teak: oklch(47% 0.055 60);
	--swatch-walnut: oklch(35% 0.04 60);
	--swatch-red-wood: oklch(42% 0.105 48);
	--swatch-ancient-wood: oklch(34% 0.035 45);
	--swatch-white: oklch(94% 0.006 85);
	--swatch-oak: oklch(64% 0.075 70);
	--swatch-grey: oklch(55% 0 0);
	--swatch-natural: oklch(70% 0.045 75);
	--swatch-default: oklch(85% 0.006 80);
	--wp--preset--color--limestone: var(--color-limestone);
	--wp--preset--color--paper: var(--color-paper);
	--wp--preset--color--forest-ink: var(--color-ink);
	--wp--preset--color--moss: var(--color-moss);
	--wp--preset--color--timber: var(--color-timber);
	--wp--preset--color--line: var(--color-rule);
	--wp--preset--color--white: var(--color-white);
}