@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600');

:root {
	color-scheme: dark;

	--bg: #16171b;
	--bg-elevated: #1f2126;
	--nav-bg: rgba(22, 23, 27, 0.85);
	--text: #f2f2f2;
	--text-muted: #9a9ca3;
	--border: #2c2e35;
	--accent: #87afff;
	--accent-hover: #ff6dca;
	--shadow: 0 12px 32px rgba(0, 0, 0, 0.35);

	--font-body: 'Work Sans', system-ui, sans-serif;
	--font-mono: 'Space Mono', ui-monospace, monospace;
}

:root[data-theme='light'] {
	color-scheme: light;

	--bg: #f7f7f5;
	--bg-elevated: #ffffff;
	--nav-bg: rgba(247, 247, 245, 0.85);
	--text: #202124;
	--text-muted: #5f6167;
	--border: #e2e2df;
	--accent: #3563c9;
	--accent-hover: #d5308f;
	--shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

body {
	background-color: var(--bg);
	color: var(--text);
	font-family: var(--font-body);
	transition: background-color 0.2s ease, color 0.2s ease;
}