/* Generated by packages/tokens/build.mjs. Do not edit. */
:root {
	--cl-brand-cocoa: #2a180a;
	--cl-brand-deep-cocoa: #1c1108;
	--cl-brand-parchment: #f3e7d2;
	--cl-brand-cream: #fffcf6;
	--cl-brand-burgundy: #8e1a12;
	--cl-brand-luigi-orange: #e66e40;
	--cl-brand-nav-gold: #f5c987;
	--cl-brand-sage: #4c5b4a;
	--cl-brand-limit-red: #b3261e;
	--cl-brand-ink: #33200f;
	--cl-gold-foil: linear-gradient(100deg, #8a6324 0%, #f5c987 35%, #b8893b 55%, #fbe6b4 75%, #9c7430 100%);
	--cl-font-display: "Playfair Display Variable", "Playfair Display", "Georgia", "Times New Roman", serif;
	--cl-font-body: "Karla Variable", "Karla", system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;
	--cl-radius-card: 14px;
	--cl-radius-chip: 999px;
	--cl-radius-button: 999px;
	--cl-radius-field: 10px;
	--cl-shadow-card: 0 1px 2px rgba(42, 24, 10, 0.06), 0 6px 18px rgba(42, 24, 10, 0.1);
	--cl-space-1: 4px;
	--cl-space-2: 8px;
	--cl-space-3: 12px;
	--cl-space-4: 16px;
	--cl-space-5: 24px;
	--cl-space-6: 32px;
	--cl-space-7: 48px;
	--cl-bg: #f3e7d2;
	--cl-surface: #fffcf6;
	--cl-surface-raised: #fff;
	--cl-hero: #2a180a;
	--cl-on-hero: #f3e7d2;
	--cl-on-hero-muted: #f5c987;
	--cl-text: #33200f;
	--cl-text-muted: #6b5440;
	--cl-accent: #8e1a12;
	--cl-primary: #e66e40;
	--cl-on-primary: #1c1108;
	--cl-gold: #b8893b;
	--cl-hairline: #d9be8c;
	--cl-good: #4c5b4a;
	--cl-warn: #8a5a00;
	--cl-limit: #b3261e;
	--cl-focus: #8e1a12;
	--cl-tabbar: #1c1108;
	--cl-on-tabbar: #f5c987;
	color-scheme: light;
}

@media (prefers-color-scheme: dark) {

	:root:not([data-theme="light"]) {
		--cl-bg: #1c1108;
		--cl-surface: #2a180a;
		--cl-surface-raised: #36210f;
		--cl-hero: #120b05;
		--cl-on-hero: #f3e7d2;
		--cl-on-hero-muted: #f5c987;
		--cl-text: #f3e7d2;
		--cl-text-muted: #cdb89a;
		--cl-accent: #f09a78;
		--cl-primary: #e66e40;
		--cl-on-primary: #1c1108;
		--cl-gold: #f5c987;
		--cl-hairline: #6e5531;
		--cl-good: #a8c2a2;
		--cl-warn: #f5c987;
		--cl-limit: #ff8a80;
		--cl-focus: #f5c987;
		--cl-tabbar: #120b05;
		--cl-on-tabbar: #f5c987;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--cl-bg: #1c1108;
	--cl-surface: #2a180a;
	--cl-surface-raised: #36210f;
	--cl-hero: #120b05;
	--cl-on-hero: #f3e7d2;
	--cl-on-hero-muted: #f5c987;
	--cl-text: #f3e7d2;
	--cl-text-muted: #cdb89a;
	--cl-accent: #f09a78;
	--cl-primary: #e66e40;
	--cl-on-primary: #1c1108;
	--cl-gold: #f5c987;
	--cl-hairline: #6e5531;
	--cl-good: #a8c2a2;
	--cl-warn: #f5c987;
	--cl-limit: #ff8a80;
	--cl-focus: #f5c987;
	--cl-tabbar: #120b05;
	--cl-on-tabbar: #f5c987;
	color-scheme: dark;
}