/* Generated from cigua-tokens.json v3 by src/tokens.ts. Do not edit by hand. */
:root {
	color-scheme: light dark;
	--paper: #fbf8f1;
	--surface: #ffffff;
	--ink: #16181b;
	--ink-muted: #4b5057;
	--line: #e7e1d3;
	--olive-light: #8c9a5e;
	--olive: #4a5a2c;
	--on-olive: #ffffff;
	--cream: #f3ecdc;
	--logo-olive: #4a5a2c;
	--brand-ink: #16181b;
	--sky: #c8e3de;
	--sky-strong: #2c6660;
	--sand: #f2dfb4;
	--sand-strong: #7a5410;
	--clay: #f4cdb8;
	--clay-strong: #8a3b1e;
	--sage: #d6dfbc;
	--sage-strong: var(--logo-olive);
	--dusk: #d3d9ee;
	--dusk-strong: #45558c;
	--font-display: Manrope, system-ui, sans-serif;
	--font-body: "Open Sans", system-ui, sans-serif;
	--type-poster: 800 72px/72px var(--font-display);
	--tracking-poster: 0.01em;
	--type-display: 700 48px/52px var(--font-display);
	--tracking-display: -0.03em;
	--type-title: 700 28px/36px var(--font-display);
	--tracking-title: -0.01em;
	--type-heading: 700 20px/28px var(--font-display);
	--tracking-heading: normal;
	--type-label: 600 13px/18px var(--font-display);
	--tracking-label: 0.08em;
	--type-section: 600 20px/28px var(--font-body);
	--tracking-section: normal;
	--type-figure: 600 32px/40px var(--font-body);
	--tracking-figure: -0.01em;
	--type-overline: 600 12px/16px var(--font-body);
	--tracking-overline: 0.06em;
	--type-caption-strong: 600 13px/18px var(--font-body);
	--tracking-caption-strong: normal;
	--type-body: 400 16px/24px var(--font-body);
	--tracking-body: normal;
	--type-body-strong: 600 16px/24px var(--font-body);
	--tracking-body-strong: normal;
	--type-caption: 400 13px/18px var(--font-body);
	--tracking-caption: normal;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-10: 40px;
	--space-16: 64px;
	--space-24: 96px;
	--radius-xs: 6px;
	--radius-sm: 12px;
	--radius-md: 20px;
	--radius-lg: 28px;
	--radius-xl: 40px;
	--radius-full: 9999px;
	--fade-sky-sand: linear-gradient(180deg, #c8e3de 0%, #c8e3de 90%, #f2dfb4 100%);
	--fade-sand-clay: linear-gradient(180deg, #f2dfb4 0%, #f2dfb4 90%, #f4cdb8 100%);
	--fade-sage-sky: linear-gradient(180deg, #d6dfbc 0%, #d6dfbc 90%, #c8e3de 100%);
	--fade-cream-sand: linear-gradient(180deg, #f3ecdc 0%, #f3ecdc 90%, #f2dfb4 100%);
	--row-height: 48px;
	--control-height: 48px;
	--control-height-compact: 40px;
	--sidebar-width: 248px;
	--tab-bar-height: 64px;
	--content-max: 1200px;
	--bp-tablet: 768px;
	--bp-desktop: 1200px;
	--duration-fast: 150ms;
	--duration-base: 250ms;
	--duration-slow: 400ms;
	--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
	--reveal-rise: 8px;
}

@media (prefers-color-scheme: dark) {
	:root {
		--paper: #121417;
		--surface: #16181b;
		--ink: #f3ecdc;
		--ink-muted: #c9c3b6;
		--line: #2e3236;
		--olive: var(--olive-light);
		--on-olive: #16181b;
		--sky-strong: var(--sky);
		--sand-strong: var(--sand);
		--clay-strong: var(--clay);
		--sage-strong: var(--sage);
		--dusk-strong: var(--dusk);
	}
}