/* ============================================
   PAKHUIS — theme.css (v34-visual)
   Brand tokens. Eén bron van waarheid.
   ============================================ */
:root{
  /* Merkkleuren */
  --pk-red:#ff3f45;
  --pk-orange:#ff7a00;
  --pk-teal:#12b7b0;
  --pk-teal-dark:#0d948e;
  --pk-teal-soft:#e7fbf9;
  --pk-navy:#10214a;
  --pk-purple:#6c39b6;

  /* Vlakken & lijnen */
  --pk-bg:#f6f9fd;
  --pk-card:#fff;
  --pk-line:#dfe8f3;
  --pk-line-2:#e9eff9;
  --pk-muted:#66748d;
  --pk-text:#10214a;

  /* Gradients */
  --pk-gradient:linear-gradient(135deg,#ff3f45 0%,#ff7a00 100%);
  --pk-gradient-wide:linear-gradient(90deg,#ff3f45 0%,#ff7a00 28%,#12b7b0 56%,#10214a 78%,#6c39b6 100%);
  --pk-page-gradient:radial-gradient(circle at 6% 12%,rgba(255,63,69,.10),transparent 34%),radial-gradient(circle at 88% 10%,rgba(18,183,176,.13),transparent 32%),linear-gradient(180deg,#fff 0%,#f7fbff 42%,#fff 100%);

  /* Signature: magazijn-raster (rust door overzicht) */
  --pk-grid-dots:radial-gradient(rgba(16,33,74,.075) 1.2px,transparent 1.2px);
  --pk-grid-size:26px 26px;

  /* Schaduwen */
  --pk-shadow:0 22px 70px rgba(16,33,74,.12);
  --pk-shadow-strong:0 34px 110px rgba(16,33,74,.20);
  --pk-shadow-sm:0 10px 30px rgba(16,33,74,.06);

  /* Radius-schaal */
  --pk-radius-sm:14px;
  --pk-radius:24px;
  --pk-radius-lg:28px;
  --pk-radius-xl:38px;

  /* Typografie */
  --pk-font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pk-font-display:'Quicksand',var(--pk-font);

  /* Focus */
  --pk-focus:0 0 0 3px rgba(18,183,176,.35);
}