:root {
	--oxford-blue: #101d33;
	--stone-bg: #f9f8f6;
	--canvas-bg: #fdfcfb;
	--ink-text: #0f172a;
}

body {
	font-family: 'Inter', sans-serif;
	background-color: var(--canvas-bg);
	color: var(--ink-text);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .font-serif {
	font-family: 'Playfair Display', serif;
	letter-spacing: -0.01em;
}

.bg-canvas { background-color: var(--canvas-bg); }
.bg-stone-subtle { background-color: var(--stone-bg); }
.text-oxford { color: var(--oxford-blue); }
.bg-oxford { background-color: var(--oxford-blue); }
.border-premium { border-color: #eae9e6; }

.cta-primary {
	background-color: var(--oxford-blue);
	transition: background-color 0.3s ease;
}
.cta-primary:hover {
	background-color: #1a2d4d;
}

.section-label {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-weight: 600;
	color: var(--oxford-blue);
}

#ctre_wnd {
	position: fixed; bottom: 0; right: 10px;
	background: #fff; box-shadow: 0px 0px 40px rgba(0,0,0,0.15);
	border-radius: 3px 3px 0 0;
	z-index: 2147483647;
}

@media (prefers-color-scheme: dark) {
	#ctre_wnd { background: #000; box-shadow: 0px 0px 40px rgba(255,255,255,0.15); }
}