/* Generated by tools/gen.mjs from design/tokens.json. Do not edit. */
:root {
	--color-paper: #F5F0E6;
	--color-surface: #FFFDF8;
	--color-canvas: #FFFFFF;
	--color-desk: #E9E2D2;
	--color-ink: #1F2430;
	--color-ink-soft: #3D4252;
	--color-muted: #5B6070;
	--color-line: #E2DACB;
	--color-chip: #EDE6D6;
	--color-primary: #2B54D6;
	--color-primary-pressed: #1C3BA0;
	--color-primary-tint: #E4ECFF;
	--color-accent: #F2B33D;
	--color-success: #1E7A46;
	--color-success-tint: #DDF0E3;
	--color-danger: #8E2A12;
	--color-danger-tint: #FBE3DC;
	--color-admin-bar: #1F2430;
	--font-display: 'Bricolage Grotesque', 'Trebuchet MS', sans-serif;
	--font-body: 'Atkinson Hyperlegible', system-ui, sans-serif;
	--size-caption: 15px;
	--size-body: 17px;
	--size-lead: 20px;
	--size-h3: 24px;
	--size-h2: 34px;
	--size-h1: 44px;
	--size-hero: 52px;
	--radius-chip: 999px;
	--radius-control: 14px;
	--radius-card: 22px;
	--radius-panel: 28px;
	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 20px;
	--space-lg: 32px;
	--space-xl: 48px;
	--touch-min: 44px;
	--touch-default: 52px;
	--touch-primary: 68px;
	--top-bar-height: 80px;
}