/**
 * Design tokens — één bron van waarheid voor beide merken. Merkspecifieke
 * bestanden (brands/laundryware.css, brands/ventiware.css) overschrijven
 * alleen de merk-tokens (kleuren); alle andere tokens (spacing, radius,
 * typografie, schaduwen) zijn gedeeld zodat componenten nooit gedupliceerd
 * hoeven te worden per merk.
 */

:root {
	/* Merkkleuren — defaults hier zijn Laundryware; brands/*.css overschrijft. */
	--brand-primary: #2f6fed;
	--brand-primary-rgb: 47, 111, 237;
	--brand-secondary: #0b3d91;
	--brand-accent: #ffb020;

	/* Tekst & oppervlakken */
	--text-primary: #1a1f2b;
	--text-muted: #5b6474;
	--text-on-primary: #ffffff;
	--surface: #ffffff;
	--surface-alt: #f5f7fa;
	--border: #dde2ea;

	/* Statuskleuren */
	--color-success: #197a4b;
	--color-success-bg: #e7f6ee;
	--color-warning: #a45a00;
	--color-warning-bg: #fff3e0;
	--color-danger: #c62828;
	--color-danger-bg: #fdecec;

	/* Layout */
	--container-width: 1240px;
	--container-gutter: 1rem;

	/* Radius */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 14px;
	--radius-full: 999px;

	/* Spacing-schaal (rem) */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;

	/* Typografie: self-hosted systeemfont-stack, geen externe requests nodig. */
	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-heading: var( --font-body );
	--font-size-base: 1rem;
	--line-height-base: 1.55;

	/* Schaduwen — bewust maar twee niveaus, geen "vijf schaduwen" (§35). */
	--shadow-sm: 0 1px 2px rgba( 20, 24, 33, 0.06 );
	--shadow-md: 0 4px 16px rgba( 20, 24, 33, 0.10 );

	/* Touch targets */
	--tap-target-min: 44px;

	/* Transitie-snelheid, uitgeschakeld bij prefers-reduced-motion (accessibility.css) */
	--transition-fast: 150ms ease;
}