:root {
	--site-primary: #1264ff;
	--site-primary-hover: #074bd1;
	--site-primary-rgb: 18, 100, 255;
	--site-primary-hover-rgb: 7, 75, 209;
	--site-secondary: #8edbff;
	--site-secondary-rgb: 142, 219, 255;
	--site-dark: #081c3a;
	--site-dark-rgb: 8, 28, 58;
	--site-accent: #e9f7ff;
	--site-accent-strong: #d0edff;
	--site-primary-soft: #a3ddff;
	--site-highlight: #1264ff;
	--site-highlight-rgb: 18, 100, 255;
	--site-bg: #ffffff;
	--site-bg-soft: #f0f8ff;
	--site-surface: #ffffff;
	--site-text: #102442;
	--site-muted: #59708b;
	--site-border: rgba(18, 100, 255, 0.22);
	--site-gradient: linear-gradient(120deg, #1264ff 0%, #8edbff 100%);
	--site-header-bg: rgba(255, 255, 255, 0.96);
	--site-footer-bg: linear-gradient(165deg, #081c3a 0%, #041126 100%);
	--site-shadow: 0 26px 64px rgba(18, 100, 255, 0.16);
	--site-focus-ring: 0 0 0 3px rgba(18, 100, 255, 0.18);
	--site-link: #074bd1;

	--primary-color: var(--site-primary);
	--primary-hover: var(--site-primary-hover);
	--accent-color: var(--site-accent);
	--bg-color: var(--site-bg);
	--surface-color: var(--site-surface);
	--text-color: var(--site-text);
	--text-light: var(--site-muted);
	--heading-color: var(--site-dark);
	--border-color: var(--site-border);
	--gold-color: var(--site-primary);
	--gold-soft: var(--site-accent);
	--shadow: var(--site-shadow);
}

.top-banner {
	background: #081c3a;
	color: #ffffff;
}

.top-banner * {
	color: inherit;
}

.site-header .top-banner strong {
	color: #ffffff;
}