/* Design4Bouw shared design tokens */
:root {
  --brand: #c41e3a;
  --brand-soft: rgba(196, 30, 58, 0.12);
  --accent: #d4a574;
  --accent-soft: rgba(212, 165, 116, 0.15);
  --sand: #f5ebe0;
  --surface-0: #080808;
  --surface-1: #111111;
  --surface-2: #1a1a1a;
  --surface-3: #242424;
  --text: #f4f4f4;
  --text-muted: #a8a8a8;
  --border: rgba(255, 255, 255, 0.08);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 36px;
  --font-display: 'Syne', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --portal-type-scale: 1.05;
  --portal-touch-min: 44px;
  --portal-nav-height: 56px;
}