/* ===== TOKENS: grijs van de oude site (#a6a6a6) + groen uit het logo (#61785e) ===== */
:root{
  --bg:#a6a6a6;
  --band:#b9b9b9;
  --surface:#ffffff;
  --surface-2:#f2f2f0;
  --sage:#61785e;
  --sage-2:#8ea68a;
  --sage-deep:#61785e;
  --sage-hover:#50644d;
  --sage-700:#3f5140;
  --sage-ink:#2f3e2c;
  --sage-light:#c3d3bf;
  --sage-soft:#e3eae1;
  --sage-tint:#eef2ec;
  --line:#cfcfcf;
  --line-2:#b5b5b5;
  --ink:#1c1c1c;
  --muted:#3a3a3a;
  --paper-dim:#3a3a3a;
  --gold:#d9a21b;
  --danger:#b3412a;
  --danger-soft:#fbeae5;
  --footer:#61785e;

  --font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  --container:1180px;
  --gutter:clamp(18px,4vw,40px);
  --r:16px; --r-sm:12px; --r-lg:24px;
  --shadow:0 24px 50px -28px rgba(0,0,0,.6);
  --shadow-sm:0 12px 28px -18px rgba(0,0,0,.5);
  --ring:0 0 0 3px var(--sage-ink);
  --ease:cubic-bezier(.22,.61,.36,1);
  --hh:78px;
}