:root {
	--color-bright-snow: #F9F9F8;
	--color-alabaster-gray: #E5E5E2;
	--color-carbon-black: #1C1E1F;
	--color-smart-blue: #4062BB;
	--color-taupe: #807172;
	--color-carbon-black-gradient: linear-gradient(145deg, #242628 0%, #161718 100%);
	--font-heading: "EB Garamond", serif;
	--font-body: "Instrument Sans", sans-serif;
	--font-accent: "Dancing Script", cursive;
	--font-size-h1: 2.5rem;
	--font-size-h2: 2rem;
	--font-size-h3: 1.5rem;
	--font-size-body: 1rem;
	--font-size-sm: 0.875rem;
	--line-height-heading: 1.2;
	--line-height-body: 1.6;
	--space-sx: 0.25rem;
	--space-sm: 0.5rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2rem;
	--space-2xl: 3rem;
	--pad-sm: clamp(0.5rem, 1vw + 0.25rem, 0.75rem);
	--pad-md: clamp(1rem, 2vw + 0.5rem, 1.5rem);
	--pad-lg: clamp(1.5rem, 4vw + 0.5rem, 3rem);
	--gradient-eu-header-0: linear-gradient(135deg, var(--color-smart-blue) 0%, #12225B 100%);
	--gradient-eu-header-1: linear-gradient(135deg, #5C7EE6 0%, var(--color-smart-blue) 100%);
	--gradient-eu-header-2: linear-gradient(105deg, var(--color-smart-blue) 30%, #262F76 100%);
	--color-gradient-alabaster-gray-modern-slate: linear-gradient(
		135deg,
		#f8f9fa 0%,
		#f1f3f5 60%,
		#e9ecef 100%
	);
	--color-gradient-alabaster-gray-clean-ice: linear-gradient(
		135deg,
		#ffffff 0%,
		#f8f9fa 50%,
		#eef2f7 100%
	);
	--color-gradient-alabaster-gray-dark-steel: linear-gradient(135deg, #f1f3f5 0%, #e9ecef 70%, #dee2e6 100%);
}
@media screen and (max-width: 768px) {
	:root {
		--font-size-h1: 2rem;
		--font-size-h2: 1.6rem;
		--font-size-h3: 1.3rem;
		--space-lg: 1.25rem;
		--space-xl: 1.5rem;
		--space-2xl: 2rem;
	}
}

/* Theme surface tokens. Existing brand colours stay intact. */
:root {
  --color-page-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-muted: #f4f6f8;
  --color-surface-translucent: rgb(249 249 248 / 0.94);
  --color-border: rgb(28 30 31 / 0.14);
  --map-empty: #eceeed;
  --map-country-stroke: #f9f9f8;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --color-carbon-black: #f2f3f4;
  --color-alabaster-gray: #34383d;
  --color-smart-blue: #7192ef;
  --color-taupe: #b9b0b1;
  --color-carbon-black-gradient: linear-gradient(145deg, #30343a 0%, #1d2024 100%);
  --color-page-background: #111315;
  --color-surface: #191c1f;
  --color-surface-muted: #202429;
  --color-surface-translucent: rgb(25 28 31 / 0.94);
  --color-border: rgb(255 255 255 / 0.14);
  --map-empty: #2a2e32;
  --map-country-stroke: #111315;
  --color-gradient-alabaster-gray-modern-slate: linear-gradient(135deg, #202429 0%, #1b1e22 60%, #171a1d 100%);
  --color-gradient-alabaster-gray-clean-ice: linear-gradient(135deg, #202429 0%, #191c1f 55%, #15181b 100%);
  --color-gradient-alabaster-gray-dark-steel: linear-gradient(135deg, #25292e 0%, #1e2226 70%, #181b1e 100%);
}