/**
 * Design tokens — één bron voor alle modules in de Installatiegigant Suite.
 * Restyle = pas variabelen aan, geen module-CSS aanraken.
 */
:root {
	--igs-color-bg: #ffffff;
	--igs-color-bg-soft: #f6f7f9;
	--igs-color-border: #e3e6ea;
	--igs-color-text: #1a1f29;
	--igs-color-text-soft: #5c6471;
	--igs-color-accent: #d40b15;
	--igs-color-accent-hover: #b30910;
	--igs-color-focus: #2563eb;
	--igs-color-chip-bg: #eef2f7;
	--igs-color-chip-text: #1a1f29;

	--igs-radius-sm: 4px;
	--igs-radius-md: 8px;
	--igs-radius-lg: 12px;

	--igs-space-1: 4px;
	--igs-space-2: 8px;
	--igs-space-3: 12px;
	--igs-space-4: 16px;
	--igs-space-5: 24px;
	--igs-space-6: 32px;

	--igs-font-size-sm: 13px;
	--igs-font-size-md: 14px;
	--igs-font-size-lg: 16px;

	--igs-shadow-drawer: 0 8px 24px rgba(0, 0, 0, 0.2);

	--igs-breakpoint-mobile: 768px;
	--igs-drawer-width: min(360px, 86vw);
}