:root {
	/* Brand */
	--color-ink: #071411;
	--color-green-900: #17322d;
	--color-green-700: #354a3d;
	--color-flame: #dd5e32;
	--color-flame-dark: #c84e29;
	--color-sand: #f1aa5f;
	--color-canvas: #f5f1eb;
	--color-cream: #f1efec;
	--color-white: #fff;

	/* Neutrals and semantic color */
	--color-neutral-100: #dddbd9;
	--color-neutral-300: #c0bdbb;
	--color-neutral-500: #82807e;
	--color-neutral-700: #595755;
	--color-neutral-800: #393634;
	--color-neutral-900: #1b1918;
	--color-success: #5a8169;
	--color-warning: #a85f12;
	--color-error: #a43d2d;
	--color-error-on-dark: #ffb3a7;
	--color-focus: #0050bd;
	--color-border: rgb(7 20 17 / 15%);
	--color-overlay: rgb(7 20 17 / 68%);

	/* Typography */
	--font-body: area-normal, Area, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-display-family: neulis-neue, "Arial Rounded MT Bold", ui-sans-serif, system-ui, sans-serif;
	--font-display: clamp(3rem, 2rem + 4.2vw, 5.25rem);
	--font-h1: clamp(2.75rem, 2rem + 3.2vw, 4.5rem);
	--font-h2: clamp(2.25rem, 1.7rem + 2.3vw, 3.5rem);
	--font-h3: clamp(1.875rem, 1.55rem + 1.35vw, 2.5rem);
	--font-h4: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
	--font-h5: clamp(1.25rem, 1.15rem + 0.35vw, 1.5rem);
	--font-h6: clamp(1.125rem, 1.05rem + 0.2vw, 1.25rem);
	--font-body-lg: clamp(1.125rem, 1.04rem + 0.32vw, 1.375rem);
	--font-body-md: clamp(1rem, 0.96rem + 0.16vw, 1.125rem);
	--font-body-sm: 0.875rem;
	--font-body-xs: 0.75rem;
	--leading-display: 1;
	--leading-heading-tight: 1.1;
	--leading-heading: 1.2;
	--leading-body: 1.7;
	--leading-small: 1.5;
	--tracking-tight: -0.03em;
	--tracking-tagline: 0.25em;
	--measure-copy: 68ch;
	--measure-heading: 20ch;

	/* Spacing */
	--space-1: 0.125rem;
	--space-2: 0.25rem;
	--space-3: 0.5rem;
	--space-4: 0.75rem;
	--space-5: 1rem;
	--space-6: 1.5rem;
	--space-7: 2rem;
	--space-8: 2.5rem;
	--space-9: 3rem;
	--space-10: 4rem;
	--space-11: 5.5rem;
	--space-12: 8rem;
	--space-13: 9.5rem;
	--space-14: 12.5rem;
	--gutter: clamp(1.5rem, 0.75rem + 3vw, 4rem);
	--section-space: clamp(5rem, 3rem + 7vw, 9.5rem);

	/* Layout */
	--container-narrow: 48rem;
	--container-content: 72rem;
	--container-wide: 101rem;

	/* Shape and elevation */
	--radius-sm: 1rem;
	--radius-md: 1.5rem;
	--radius-lg: 2rem;
	--radius-xl: 4rem;
	--radius-portrait-image: 4.5rem;
	--radius-portrait-outline: 6.25rem;
	--radius-round: 999rem;
	--shadow-card: 0 1.25rem 4rem rgb(7 20 17 / 12%);
	--shadow-float: 0 0.75rem 2.5rem rgb(7 20 17 / 18%);

	/* Motion */
	--duration-quick: 140ms;
	--duration-standard: 260ms;
	--duration-slow: 560ms;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--ease-expressive: cubic-bezier(0.22, 1, 0.36, 1);
	--distance-reveal: 1.5rem;
	--stagger-tight: 60ms;
	--stagger-relaxed: 110ms;

	/* Layering */
	--layer-base: 0;
	--layer-sticky: 20;
	--layer-overlay: 60;
	--layer-dialog: 80;
	--layer-toast: 100;
}

@media (max-width: 29.99rem) {
	:root {
		--radius-portrait-image: 4rem;
		--radius-portrait-outline: 5rem;
	}
}

[data-theme='dark'] {
	--theme-background: var(--color-ink);
	--theme-text: var(--color-canvas);
	--theme-accent: var(--color-sand);
	--theme-border: rgb(245 241 235 / 18%);
}

[data-theme='green'] {
	--theme-background: var(--color-green-900);
	--theme-text: var(--color-canvas);
	--theme-accent: var(--color-sand);
	--theme-border: rgb(245 241 235 / 18%);
}

[data-theme='light'],
:root:not([data-theme]) {
	--theme-background: var(--color-canvas);
	--theme-text: var(--color-ink);
	--theme-accent: var(--color-flame);
	--theme-border: var(--color-border);
}