:root {
	/* Surfaces */
	--bg: #0B1220;
	--bg-elevated: #121A2B;
	--bg-panel: #161F32;
	--bg-hover: #1C2740;
	--line: #2A3548;
	--line-strong: #3A4A63;

	/* Accents */
	--accent: #00E5C8;
	--accent-dim: rgba(0, 229, 200, 0.14);
	--accent-glow: rgba(0, 229, 200, 0.35);
	--alert: #FF3B5C;
	--alert-dim: rgba(255, 59, 92, 0.16);
	--mint: #7DFFB3;
	--mint-dim: rgba(125, 255, 179, 0.14);
	--gold: #FFC857;

	/* Text */
	--text: #F4F7FB;
	--text-muted: #9AA8BD;
	--text-dim: #6B7A91;

	/* Type */
	--font-display: "Bebas Neue", Impact, Haettenschweiler, sans-serif;
	--font-body: "DM Sans", system-ui, sans-serif;

	/* Spacing / chrome */
	--radius: 14px;
	--radius-sm: 8px;
	--shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	--topbar-h: 56px;
	--bottom-nav-h: 68px;
	--page-pad: 16px;
	--max: 1120px;

	/* Position colors (schedule) */
	--pos-c: #5EE2A0;
	--pos-lw: #4DB7FF;
	--pos-rw: #FFC857;
	--pos-d: #F5E663;
	--pos-g: #FF8A4C;
	--pos-u: #7DFFB3;

	--theme-color: #0B1220;
}