/* Nette Zaak — design tokens
   Enige bron voor kleur, letter, ruimte en vorm van het MERK Nette Zaak.
   Niet gebruiken voor klantsites: die draaien op preset-tokens (zie nettezaak-presets.css). */

:root {
  /* Kleur */
  --nz-ink:         #1F1B18;
  --nz-ink-soft:    #413A34;
  --nz-ink-muted:   #6B635C;
  --nz-paper:       #FAF7F2;
  --nz-chalk:       #F2EDE5;
  --nz-line:        #E3DCD3;
  --nz-line-soft:   #EFEAE2;
  --nz-accent:      #A9563A;
  --nz-accent-dark: #7E3E29;
  --nz-ok:          #2E5346;
  --nz-on-ink-muted:#A8A29A; /* alleen op --nz-ink */

  /* Letter */
  --nz-font-brand: "Source Serif 4", Georgia, "Times New Roman", serif;
  --nz-font-ui:    "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Ruimte — stappen van 4, niets ertussen */
  --nz-space-1: 4px;  --nz-space-2: 8px;  --nz-space-3: 12px; --nz-space-4: 16px;
  --nz-space-6: 24px; --nz-space-8: 32px; --nz-space-12: 48px; --nz-space-16: 64px;

  /* Vorm */
  --nz-radius: 0;
  --nz-border: 1px solid var(--nz-line);
  --nz-border-strong: 2px solid var(--nz-ink);
  --nz-shadow: none;
  --nz-transition: 120ms linear;

  /* Raakvlak */
  --nz-touch: 48px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--nz-paper);
  color: var(--nz-ink);
  font-family: var(--nz-font-brand);
  font-size: 17px;
  line-height: 1.6;
  text-wrap: pretty;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { font-family: var(--nz-font-brand); font-weight: 600; margin: 0 0 var(--nz-space-3); }
h1 { font-size: 34px; line-height: 1.1;  letter-spacing: -0.015em; }
h2 { font-size: 22px; line-height: 1.25; letter-spacing: -0.01em; }
h3 { font-size: 19px; line-height: 1.3; }

a       { color: var(--nz-accent); text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: var(--nz-accent-dark); }

.nz-label {
  font-family: var(--nz-font-ui); font-size: 11px; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--nz-ink-muted);
}
.nz-help   { font-family: var(--nz-font-ui); font-size: 14px; line-height: 1.45; color: var(--nz-ink-muted); }
.nz-amount { font-family: var(--nz-font-ui); font-weight: 600; font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}