/* Every colour, size and shadow of the site. Colours are the app's own (MeowCore MeowPalette, day / night). */
:root {
	--mbr-bg: #F3EEE6;
	--mbr-surface: #FBF8F3;
	--mbr-text: #2A2724;
	--mbr-muted: #6E675E;
	--mbr-accent: #8F5A3E;
	--mbr-on-accent: #FBF8F3;
	--mbr-guide: #E9DECD;
	--mbr-sage: #7F907A;
	--mbr-honey: #E8B067;
	--mbr-line: rgba(42, 39, 36, .10);
	--mbr-shadow: 0 10px 30px rgba(90, 62, 43, .10);
	--mbr-phone-shadow: 0 30px 60px rgba(90, 62, 43, .22);

	--mbr-serif: ui-serif, "New York", "Iowan Old Style", Georgia, serif;
	--mbr-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;

	--mbr-wrap: 1120px;
	--mbr-gutter: clamp(16px, 4vw, 32px);
	--mbr-radius: 20px;
	--mbr-radius-sm: 12px;
	--mbr-section: clamp(64px, 9vw, 120px);
	color-scheme: light;
}

:root[data-theme="dark"] {
	--mbr-bg: #231C1A;
	--mbr-surface: #2E2522;
	--mbr-text: #EFE6DA;
	--mbr-muted: #A99C92;
	--mbr-accent: #D9A464;
	--mbr-on-accent: #231C1A;
	--mbr-guide: #3A2F2B;
	--mbr-line: rgba(239, 230, 218, .10);
	--mbr-shadow: 0 10px 30px rgba(0, 0, 0, .25);
	--mbr-phone-shadow: 0 30px 60px rgba(0, 0, 0, .45);
	color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--mbr-bg: #231C1A;
		--mbr-surface: #2E2522;
		--mbr-text: #EFE6DA;
		--mbr-muted: #A99C92;
		--mbr-accent: #D9A464;
		--mbr-on-accent: #231C1A;
		--mbr-guide: #3A2F2B;
		--mbr-line: rgba(239, 230, 218, .10);
		--mbr-shadow: 0 10px 30px rgba(0, 0, 0, .25);
		--mbr-phone-shadow: 0 30px 60px rgba(0, 0, 0, .45);
		color-scheme: dark;
	}
}