/*
 * Brand typography (Google Fonts — closest matches to spec fonts):
 *   Arkitech Medium  → Orbitron 500  https://fonts.google.com/specimen/Orbitron
 *   Levenim MT       → Montserrat 300 https://fonts.google.com/specimen/Montserrat
 */

:root {
	--color-dark-grey: #373737;
	--color-light-grey: #9c9c9c;
	--color-red: #800000;

	--bg-page: #000000;
	--bg-surface: #0d0d0d;
	--bg-surface-hover: #161616;
	--bg-elevated: #111111;
	--border-subtle: #2a2a2a;
	--border-accent: var(--color-dark-grey);
	--text-primary: #ececec;
	--text-secondary: var(--color-light-grey);
	--text-muted: #6b6b6b;

	--font-large: "Orbitron", "Segoe UI", sans-serif;
	--font-small: "Montserrat", "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body.site-dark {
	margin: 0;
	background: var(--bg-page);
	color: var(--text-primary);
	font-family: var(--font-small);
	font-weight: 300;
	line-height: 1.6;
}