/*
 * Connect IT — design tokens
 * Huisstijl-variabelen, afgeleid uit het Claude-ontwerp. Pas deze centraal aan
 * om de hele site (thema + widgets) mee te laten veranderen. De Elementor Global
 * Kit (Global Colors/Fonts) verwijst waar mogelijk naar dezelfde waarden.
 */

:root {
	/* Donkere tinten (navy) */
	--cit-navy-900: #070F1B;
	--cit-navy-800: #0A1626;
	--cit-navy-700: #0C1B2E;
	--cit-navy-600: #0F2236;
	--cit-navy-500: #134155;

	/* Primair & accent */
	--cit-teal: #0E7490;
	--cit-teal-dark: #0A5D74;
	--cit-cyan: #53D6EE;
	--cit-cyan-light: #8FE7F5;

	/* Tekst */
	--cit-ink: #0D1B2A;      /* koppen */
	--cit-text: #33475C;     /* body */
	--cit-muted: #5B6B7E;
	--cit-muted-2: #8FA3B8;
	--cit-on-dark: #B7C4D4;
	--cit-on-dark-2: #D6E0EA;

	/* Lijnen & oppervlakken */
	--cit-line: #E2E9F0;
	--cit-line-2: #EDF2F6;
	--cit-surface: #F7FAFC;
	--cit-surface-2: #F0F5F8;
	--cit-surface-3: #F4F9FB;
	--cit-cyan-bg: #E6F6FA;
	--cit-cyan-border: #B9DCE6;

	/* Status */
	--cit-green: #34D399;
	--cit-danger: #B4232A;

	/* Verlopen */
	--cit-grad: linear-gradient(100deg, #0E7490, #53D6EE);
	--cit-grad-dark: linear-gradient(135deg, #0A1626, #134155);

	/* Typografie */
	--cit-font-sans: 'IBM Plex Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	--cit-font-head: 'Archivo', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	--cit-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	/* Radii & layout */
	--cit-radius: 12px;
	--cit-radius-lg: 18px;
	--cit-radius-pill: 999px;
	--cit-maxw: 1240px;

	/* Schaduwen */
	--cit-shadow-card: 0 16px 40px -16px rgba(13, 27, 42, .14);
	--cit-shadow-lg: 0 32px 64px -24px rgba(7, 15, 27, .45);
}