/* Innovatie Land — DUTCH TECH BLUE + ENERGY ACCENT */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

:root {
  --color-bg: #f7f8fa;
  --color-bg-soft: #eef2f6;
  --color-bg-warm: #faf9f6;
  --color-surface: #ffffff;
  --color-surface-elevated: rgba(255, 255, 255, 0.82);
  --color-text: #0f1c2e;
  --color-text-soft: #3a4758;
  --color-muted: #6b7788;
  --color-primary: #0d4f5c;
  --color-primary-hover: #0a3d47;
  --color-primary-soft: #e6f2f4;
  --color-secondary: #1e3a5f;
  --color-accent: #2563a8;
  --color-energy: #e8a317;
  --color-energy-soft: #fdf4e0;
  --color-lime: #b8d44a;
  --color-border: #d5dde6;
  --color-border-strong: #b8c4d1;
  --color-success: #1f7a4d;
  --color-error: #b42318;
  --color-error-bg: #fef3f2;
  --color-grid: rgba(30, 58, 95, 0.06);

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;

  --shadow-xs: 0 1px 2px rgba(15, 28, 46, 0.04);
  --shadow-sm: 0 4px 12px rgba(15, 28, 46, 0.06);
  --shadow-md: 0 12px 32px rgba(15, 28, 46, 0.08);
  --shadow-lg: 0 24px 56px rgba(15, 28, 46, 0.12);

  --container-sm: 720px;
  --container-md: 960px;
  --container-lg: 1280px;

  --space-section: clamp(4.5rem, 8vw, 7.5rem);
  --space-section-mobile: 3.5rem;

  --font-heading: "Plus Jakarta Sans", "Manrope", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, sans-serif;

  --header-height: 72px;
  --transition-fast: 160ms ease;
  --transition-medium: 280ms ease;
  --transition-slow: 480ms ease;

  --focus-ring: 0 0 0 3px rgba(13, 79, 92, 0.35);
}