:root {
	--color-surface-1: #ffffff;
	--color-surface-2: #dedede;
	--color-text: #111827;
	--color-text-soft: #565d69;
	--color-brand: #002470;
	--color-on-brand: #ffffff;
	--color-accent: #002470;
	--color-line: #e5e7eb;
	--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
	--font-heading: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
	--radius-theme: 0.5rem;
	color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--color-surface-1: #0d0d0b;
		--color-surface-2: #1d1c19;
		--color-text: #ece8db;
		--color-text-soft: #9d998c;
		--color-brand: #4a8be0;
		--color-on-brand: #0d0d0b;
		--color-accent: #4a8be0;
		--color-line: #26241f;
		--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
		--font-heading: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
		--radius-theme: 10px;
		color-scheme: dark;
	}
}
:root[data-theme="dark"] {
	--color-surface-1: #0d0d0b;
	--color-surface-2: #1d1c19;
	--color-text: #ece8db;
	--color-text-soft: #9d998c;
	--color-brand: #4a8be0;
	--color-on-brand: #0d0d0b;
	--color-accent: #4a8be0;
	--color-line: #26241f;
	--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
	--font-heading: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
	--radius-theme: 10px;
	color-scheme: dark;
}
:root[data-theme="light"] {
	color-scheme: light;
}