/*
 * 1daytravel design-tokens. Zie detailspec sectie 12 (design-richting).
 * Weg van het roze ReHub-thema: strak, modern OTA/marktplaats (GetYourGuide/Airbnb-geest).
 * De concrete frontend komt in fase 2; deze tokens zijn de basis (CSS-variabelen, niet hardcoded).
 */
:root {
	/* Kleur */
	--odt-primary: #0f5257;       /* diep petrol/teal: vertrouwen, reis/water/buiten */
	--odt-primary-600: #0b3d41;
	--odt-primary-050: #e6f0f0;
	--odt-accent: #ff6b4a;        /* warm koraal/oranje: CTA (boeken/aanvragen) */
	--odt-accent-600: #e5552f;
	--odt-ok: #2f9e6f;            /* functioneel groen: beschikbaar/bevestigd */
	--odt-warn: #d99a2b;
	--odt-danger: #c8442f;

	/* Neutralen (warm grijs) */
	--odt-ink: #1c2321;
	--odt-muted: #5c6763;
	--odt-line: #e4e6e2;
	--odt-bg: #ffffff;
	--odt-bg-soft: #f7f6f2;

	/* Vorm */
	--odt-radius: 1rem;           /* 2xl-achtige afgeronde kaarten */
	--odt-radius-sm: 0.5rem;
	--odt-shadow: 0 1px 2px rgba(28,35,33,.06), 0 8px 24px rgba(28,35,33,.08);

	/* Typografie */
	--odt-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--odt-maxw: 1200px;
}