:root {
	--umbra-black: #0b0b0b;
	--umbra-black-deep: #070706;
	--umbra-surface: #121210;
	--umbra-surface-2: #191917;
	--umbra-surface-3: #201f1c;
	--umbra-cream: #ede6d6;
	--umbra-cream-85: rgba(237, 230, 214, 0.85);
	--umbra-cream-70: rgba(237, 230, 214, 0.7);
	--umbra-cream-55: rgba(237, 230, 214, 0.55);
	--umbra-cream-35: rgba(237, 230, 214, 0.35);
	--umbra-line: rgba(237, 230, 214, 0.12);
	--umbra-line-strong: rgba(237, 230, 214, 0.28);
	--umbra-line-faint: rgba(237, 230, 214, 0.06);
	--umbra-gold: #c9a227;
	--umbra-gold-light: #e6c862;
	--umbra-gold-deep: #a9851c;
	--umbra-gold-soft: rgba(201, 162, 39, 0.14);
	--umbra-gold-glow: rgba(201, 162, 39, 0.22);
	--umbra-danger: #d9534f;
	--umbra-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--umbra-display: "Bodoni Moda", "Didot", "Bodoni MT", Georgia, "Times New Roman", serif;
	--umbra-container: 1240px;
	--umbra-gutter: 18px;
	--umbra-header-h: 60px;
	--umbra-radius-sm: 2px;
	--umbra-radius: 6px;
	--umbra-radius-lg: 10px;
	--umbra-shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.35);
	--umbra-shadow: 0 20px 44px -14px rgba(0, 0, 0, 0.68);
	--umbra-shadow-lg: 0 44px 96px -24px rgba(0, 0, 0, 0.85);
	--umbra-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--umbra-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--umbra-fast: 140ms;
	--umbra-base: 240ms;
	--umbra-slow: 640ms;

	color-scheme: dark;
}

@media (min-width: 768px) {
	:root {
		--umbra-gutter: 26px;
		--umbra-header-h: 76px;
	}
}

@media (min-width: 1200px) {
	:root {
		--umbra-gutter: 40px;
	}
}