/* ==========================================================================
   Design Tokens — Van der Veen VP
   Bron: Vertrouwenspersoon.html (duursporter-palet)
   ========================================================================== */

/* ---------- FONTS ---------- */
/* DM Sans — normal (latin-ext) */
@font-face {
  font-family: 'DM Sans';
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/DMSans-Variable-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* DM Sans — normal (latin) */
@font-face {
  font-family: 'DM Sans';
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/DMSans-Variable.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* DM Sans — italic (latin) */
@font-face {
  font-family: 'DM Sans';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/DMSans-Italic.woff2') format('woff2');
}
/* Cormorant Garamond — italic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-weight: 400 500;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/CormorantGaramond-Italic.woff2') format('woff2');
}

/* ---------- TOKENS ---------- */
:root {
  /* Kleur */
  --bg:           #FFFFFF;
  --bg-soft:      #F4F7FA;
  --bg-card:      #FFFFFF;
  --ink:          #0E1E2B;
  --ink-soft:     #3F546A;
  --ink-muted:    #7A8A9A;
  --line:         #E2E8EE;
  --line-soft:    #EEF2F6;
  --moss:         #2F8A6E;
  --moss-deep:    #1F6A53;
  --moss-soft:    #DCEFE6;
  --clay:         #E2724A;
  --sky:          #4A86C7;
  --sky-deep:     #2A6AAA;
  --sky-soft:     #DCEAF7;

  /* Schaduwen */
  --shadow:       0 1px 2px rgba(14, 30, 43, .03), 0 8px 24px -10px rgba(14, 30, 43, .07);
  --shadow-lift:  0 2px 4px rgba(14, 30, 43, .04), 0 20px 40px -16px rgba(14, 30, 43, .10);

  /* Typografie */
  --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;

  /* Layout */
  --container:    1180px;
  --radius-card:  16px;
  --radius-sm:    10px;

  /* Spacing */
  --section-pad:  clamp(80px, 9vw, 120px);
}