/*
 * Designtokens londentrein.nl. Bewust weg van Eurostars eigen blauw/geel,
 * zodat de site niet als officiele Eurostar-pagina oogt. Zie blueprint sectie 9.
 */
:root {
	--lt-krijtwit: #f7f5f0;
	--lt-inkt: #12263a;
	/* --lt-rood is per 17 sep 2026 gelijk aan --map-route: de briefing vraagt expliciet
	   om de routekleur ook als sitebrede accentkleur te gebruiken, zodat er een accent
	   is in plaats van twee. Zie punt 4 van de kaart-briefing. */
	--lt-rood: #c04a05;
	--lt-rood-hover: #9e3d04;
	/* Lichtere variant van --lt-rood, alleen voor tekst op --lt-inkt: het kale --lt-rood
	   haalt daar maar 3.1:1 (genoeg voor grote tekst zoals de H1, niet voor kleinere
	   tekst zoals het eyebrow-label of de footerkoppen, die 4.5:1 nodig hebben). Zelfde
	   kleurfamilie, alleen lichter, zodat het nog als "dezelfde accentkleur" oogt. */
	--lt-rood-licht: #e8721f;
	--lt-messing: #c89b3c;
	--lt-lijn: #e4ded2;
	--lt-wit: #ffffff;
	--lt-pagina: #f7fafc;

	/* Kadence's eigen "highlight"-rol (links, hover-states in vrijwel elk Kadence-
	   onderdeel: widgetlinks, footer-navigatie, comment-navigatie, submenu-hover, ...)
	   komt uit een losse, dynamisch gegenereerde <style>-blok (Aanpassen > Globaal
	   palet) dat na dit bestand laadt en zo bij gelijke specificiteit wint. Zonder deze
	   override bleven gewone tekstlinks Kadence's standaardblauw tonen i.p.v. het
	   sitepalet: geen bewuste kleurkeuze, en op de donkere hero ook nog eens te weinig
	   contrast (~2.8:1). !important omdat een latere, even specifieke regel anders wint. */
	--global-palette-highlight: var(--lt-rood) !important;
	--global-palette-highlight-alt: var(--lt-rood-hover) !important;

	/* Routekaart-palet, exact de tokens uit de briefing van 17 sep 2026 (derde versie,
	   licht en zacht land/zee, één verzadigd routeaccent). Land en zee liggen bewust
	   dicht bij elkaar qua lichtheid; de kustgloed (drie gestapelde vage lijnen) doet het
	   scheidingswerk in plaats van een hard contrast tussen land en zee. */
	--map-sea: #b9dff2;
	--map-land: #fdebcf;
	--map-land-corridor: #fff6e4;
	--map-coast-glow: #8fb8ce;
	--map-graticule: #9cc6dc;
	--map-route: var(--lt-rood);
	--map-route-case: #fff9ee;
	/* Verdonkerd t.o.v. de eerste briefingwaarde (#7fa0ae): die haalde 2.4:1 op land,
	   onder de 3:1-eis voor grafische elementen. Zelfde blauwgrijze familie, wel
	   voldoende contrast (3.9:1 op land). Zie het verslag. */
	--map-route-alt: #577b8a;
	--map-station-fill: #ffffff;
	--map-station-halo: #fff9ee;
	/* Niet in de briefing, wel nodig: fill/halo liggen te dicht bij land/zee om zelf
	   3:1 te halen (zie het verslag), dus een dunne donkere rand om elke stip. */
	--map-station-outline: var(--map-label);
	--map-label: #243842;
	--map-label-muted: #556770;
	--map-country: #55676f;
	--map-sea-label: #46626f;
	--map-train: #a8410a;
	--map-train-line: #fff9ee;

	--lt-font-display: 'Space Grotesk', system-ui, sans-serif;
	--lt-font-body: 'Public Sans', system-ui, sans-serif;
	--lt-font-mono: 'JetBrains Mono', ui-monospace, monospace;

	--lt-radius: 16px;
	--lt-radius-lg: 26px;
	--lt-schaduw: 0 8px 24px rgba(18, 38, 58, 0.08);
}

body {
	background: var(--lt-krijtwit);
	color: var(--lt-inkt);
	font-family: var(--lt-font-body);
}

h1, h2, h3, h4,
.entry-title,
.kadence-heading {
	font-family: var(--lt-font-display);
	color: var(--lt-inkt);
}

.lt-mono,
.lt-board,
.lt-prijs {
	font-family: var(--lt-font-mono);
	font-variant-numeric: tabular-nums;
}

a {
	color: var(--lt-rood);
}

.lt-cta,
.button-primary,
.wp-block-button__link {
	background: var(--lt-rood) !important;
	border-color: var(--lt-rood) !important;
	border-radius: var(--lt-radius) !important;
	color: var(--lt-wit) !important;
	display: inline-block;
	font-family: var(--lt-font-body);
	font-weight: 600;
	padding: 0.75rem 1.5rem;
	text-decoration: none !important;
}

.lt-cta[aria-disabled="true"] {
	background: #9aa5ad !important;
	border-color: #9aa5ad !important;
	cursor: not-allowed;
}

.lt-cta:hover,
.button-primary:hover,
.wp-block-button__link:hover {
	background: var(--lt-rood-hover) !important;
}