/* ============================================
   merk/merk.css — huisstijl van dit merk
   Dit is het enige CSS-bestand dat per klant verschilt.
   Alle pagina's lezen kleuren, lettertypes en hoeken uit deze tokens.

   Launching Impact: moedermerk neutraal (papier, inkt, kraft),
   kleur per playbook. Deze tools zijn Invite, dus koraal.
   Afgestemd op het nieuwe site-ontwerp (oktober 2026).
   ============================================ */

/* Lettertypes zelf gehost (geen verbinding met Google, beter voor privacy) */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:300;font-display:swap;src:url('/merk/fonts/dm-sans-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/merk/fonts/dm-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/merk/fonts/dm-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/merk/fonts/dm-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/merk/fonts/dm-sans-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('/merk/fonts/playfair-display-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('/merk/fonts/playfair-display-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('/merk/fonts/playfair-display-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;src:url('/merk/fonts/playfair-display-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('/merk/fonts/playfair-display-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:600;font-display:swap;src:url('/merk/fonts/playfair-display-latin-600-italic.woff2') format('woff2')}

:root{
  /* Playbookkleur (Invite: koraal) en afgeleiden */
  --accent:#C9615F;          /* kop van elk canvas, knoppen */
  --accent-light:#F6E3E0;    /* zachte vlakken, labels */
  --accent-tint:#F9ECEA;     /* vlakken in de minimaps van de canvassen */
  --accent-mid:rgba(201,97,95,.16); /* randen */

  /* Neutralen: papier, inkt, kraft */
  --ink:#2A2018;             /* tekst */
  --cream:#FBF8F4;           /* paginagrond (papier) */
  --header-bg:rgba(251,248,244,.97); /* kopbalk bovenaan */
  --line:rgba(42,32,24,.14);
  --grey:#6B6158;
  --kraft:#9C7B52;           /* tweede woord van het woordmerk, kleine accenten */

  /* Spoorkleuren. Launching Impact zelf is neutraal; de tools volgen het spoor
     dat nu gelanceerd wordt (Invite). Bij Invent of Invest: --accent wisselen. */
  --spoor-invite:#C9615F;
  --spoor-invent:#A97C1F;
  --spoor-invest:#2E2A8E;

  /* Knop en accenten in het donkere contactblok (was indigo; dat leest nu als Invest) */
  --clay:#C9615F;
  --green:#2D7A52;--orange:#C2822A;--red:#B4432A;

  /* Lettertypes */
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'DM Sans',system-ui,sans-serif;

  /* Hoeken: bijna recht, zoals papier en drukwerk */
  --radius:2px;              /* kaarten en vlakken */
  --radius-sm:2px;           /* velden */
  --radius-pill:2px;         /* knoppen en labels */
}