/*
  Project-specific maatwerk voor Websites voor Vakmensen — NIET onderdeel
  van V2.1. Overschrijft alleen kleur- en typografie-variabelen uit
  tokens.css met de goedgekeurde merkidentiteit (navy/blauw/wit,
  Montserrat). Structurele tokens (spacing/vorm/schaduw/layout) blijven
  bewust ongewijzigd van Craft — dat is niet "merk", dat is de
  Craft-compositie die we hebben gekozen.

  Bewust maar 3 merkkleuren gebruikt (geen nieuwe kleuren verzonnen):
  navy #0B1D2D, blauw #2563EB, wit #FFFFFF. Subtiele tinten hieronder
  (--color-border, --color-surface-tint) zijn afgeleide transparante
  varianten van navy, geen nieuwe kleurkeuzes.
*/
:root {
    --color-primary: #0B1D2D;   /* navy — koppen, nav, donkere vlakken */
    --color-secondary: #0B1D2D; /* navy — donkere banden (vertrouwensbalk, footer) */
    --color-cta: #2563EB;       /* blauw — knoppen, links, accenten */
    --color-bg: #FFFFFF;
    --color-text: #0B1D2D;
    --color-border: rgba(11, 29, 45, 0.14);

    --color-on-dark: #FFFFFF;              /* tekst op navy vlakken */
    --color-surface-tint: rgba(11, 29, 45, 0.04); /* lichte sectie-afwisseling i.p.v. Craft's crème-tint */
    --color-accent-on-dark: #5B8DEF;       /* lichtere, leesbare tint van het merkblauw, uitsluitend voor gebruik op navy (rechtstreeks #2563EB oogt daar te donker/laag contrast) */

    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Montserrat', sans-serif;
    --heading-weight: 700;
    --letter-spacing-heading: -0.01em; /* minder agressief dan Craft's -0.03em, past beter bij een grotesque zoals Montserrat */
}