:root {
  --accent: #0480FE;
  --navy-mid: #083F7F;
  --navy-deep: #062A54;
  --tint: #EFF7FF;
  --white: #FFFFFF;
  --footer: #041D3B;

  --gutter: clamp(24px, 4vw, 48px);
  --max: 1440px;
  --edge: max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 28px;
  --header-h: 76px;
  --section-y: clamp(80px, 9vw, 128px);
  --block-gap: clamp(32px, 4vw, 56px);
  --ease: 140ms ease-out;
  --font: 'Familjen Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --photo-filter: saturate(0.95) contrast(1.02);

  /* Type scale — aligned with OMB / Slaap & Zo readability */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-md: 18px;
  --text-nav: 15px;
  --text-btn: 15px;
  --text-label: 13px;
}