/* KielOslo design tokens. Bron van waarheid: DESIGN.md */
:root {
	/* Kleur: nacht op zee, papier van het logboek, havenlamp */
	--ko-ink: #0f1c2b;
	--ko-ink-2: #1c2f44;
	--ko-ink-3: #2c4560;
	--ko-paper: #f6f1e8;
	--ko-paper-2: #ede5d6;
	--ko-paper-3: #e2d7c3;
	--ko-white: #fffdf8;
	--ko-text: #17212c;
	--ko-muted: #545f6a;
	--ko-on-ink: #eef1f3;
	--ko-on-ink-muted: #a9b6c2;
	--ko-fjord: #245f66;
	--ko-fjord-light: #8cc3c4;
	--ko-lamp: #f2a93b;
	--ko-lamp-hover: #f7bd5f;
	--ko-lamp-deep: #9a5a0c;
	--ko-line: #d5c9b4;
	--ko-line-ink: rgba(238, 241, 243, 0.16);
	--ko-tape: rgba(226, 214, 190, 0.82);
	--ko-warn: #8a3b12;
	--ko-warn-bg: #f7e3d3;

	/* Lucht-verloop voor de reis-tijdlijn */
	--ko-sky-noon: #d9e6ea;
	--ko-sky-afternoon: #e8dcc6;
	--ko-sky-evening: #e7b889;
	--ko-sky-dusk: #33506b;
	--ko-sky-night: #0f1c2b;
	--ko-sky-dawn: #e9bfa0;
	--ko-sky-morning: #dbe7e6;

	/* Typografie */
	--ko-font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
	--ko-font-body: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ko-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

	--ko-step--1: clamp(0.84rem, 0.82rem + 0.1vw, 0.9rem);
	--ko-step-0: clamp(1.02rem, 0.98rem + 0.2vw, 1.12rem);
	--ko-step-1: clamp(1.2rem, 1.12rem + 0.35vw, 1.38rem);
	--ko-step-2: clamp(1.45rem, 1.3rem + 0.7vw, 1.8rem);
	--ko-step-3: clamp(1.8rem, 1.5rem + 1.3vw, 2.5rem);
	--ko-step-4: clamp(2.2rem, 1.7rem + 2.3vw, 3.5rem);
	--ko-step-5: clamp(2.6rem, 1.8rem + 3.6vw, 4.6rem);

	--ko-leading: 1.65;
	--ko-measure: 66ch;

	/* Ruimte */
	--ko-space-1: 0.25rem;
	--ko-space-2: 0.5rem;
	--ko-space-3: 0.75rem;
	--ko-space-4: 1rem;
	--ko-space-5: 1.5rem;
	--ko-space-6: 2rem;
	--ko-space-7: 3rem;
	--ko-space-8: 4.5rem;
	--ko-space-9: clamp(4rem, 3rem + 5vw, 7.5rem);

	--ko-shell: 1240px;
	--ko-gutter: clamp(1rem, 0.6rem + 2vw, 2.25rem);
	--ko-radius: 6px;
	--ko-radius-lg: 14px;
	--ko-shadow: 0 1px 2px rgba(15, 28, 43, 0.06), 0 8px 24px -12px rgba(15, 28, 43, 0.18);
	--ko-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}