/* WBW Projecten - design tokens v0.2
   Bron van waarheid voor kleur, typografie en ruimte.
   Afgeleid van het officiele WBW-logo. Een wijziging hier werkt door
   in alle sjablonen (website, offerte, flyer, mail, social). */

:root {
  /* Kleur: navy is het merk, slate ondersteunt, amber alleen voor
     "vaste prijs"- en garantie-accenten, spaarzaam gebruiken. */
  --navy-900: #0E2350;
  --navy-700: #18306C;
  --navy-600: #23408A;
  --slate-400: #9CA8C0;
  --slate-200: #C9D1E2;
  --slate-100: #EDF0F6;
  --amber-500: #E0A33E;
  --ink: #1A2230;
  --ink-soft: #46506A;
  --white: #FFFFFF;

  /* Typografie */
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-head: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Ruimte: 8pt-raster */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;

  /* Vorm */
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 10px 30px rgba(14, 35, 80, 0.10);
  --shadow-soft: 0 4px 14px rgba(14, 35, 80, 0.08);

  /* Maat */
  --container: 1120px;
}