/* Techdog huisstijl-tokens (gemeten uit de bestaande site). */
:root{
  /* Merkkleuren */
  --td-blue:#1C71B9;            /* primair (koppen, knoppen, iconen, randen, CTA-band) */
  --td-blue-ink:#1C71B9;
  --td-ink:#000000;            /* h3 / donkere tekst */
  --td-text:#666666;           /* body-tekst */
  --td-white:#ffffff;
  --td-bg:#ffffff;             /* sectie-achtergrond */
  --td-bg-alt:#F7F8FA;         /* afwisselende sectie-achtergrond */

  /* Core-accent-tokens (sellabees-sites-core leest deze) */
  --sellabees-accent:#1C71B9;
  --sellabees-red:#1C71B9;     /* historische naam; hier = merkblauw */
  --sellabees-yellow:#1C71B9;
  --sellabees-ink:#666666;
  --sellabees-font-heading:"Proxima Nova Bold",Helvetica,Arial,sans-serif;
  --sellabees-preloader-accent:#1C71B9;
  --sellabees-preloader-bg:#ffffff;
  --sellabees-preloader-accent2:#1C71B9;

  /* Typografie */
  --td-font-body:"Open Sans",Arial,sans-serif;
  --td-font-head:"Proxima Nova Bold",Helvetica,Arial,Lucida,sans-serif;
  --td-font-btn:"Proxima Nova",Helvetica,Arial,Lucida,sans-serif;
  --td-fs-base:14px;
  --td-lh-base:1.7;            /* 23.8px / 14px */
  --td-fw-base:500;

  /* Type-schaal (desktop, gemeten) */
  --td-h1-size:65px; --td-h1-lh:65px;
  --td-h2-size:40px; --td-h2-lh:48px;
  --td-h3-size:20px; --td-h3-lh:26px;

  /* Layout */
  --td-container:1209px;       /* 80% @1512; cap verfijnen bij brede meting */
  --td-container-w:80%;
}