/* =====================================================================
   PORTAL-TOKENS — Julianadorp-invulling van de --portal-* laag.
   LETTERLIJK overgenomen uit handoff/portal-julianadorp-tokens.css uit de
   designmap (op 21-07-2026 opgeruimd; opvraagbaar via de git-historie).
   Dit is de ENIGE bron voor publieke bedrijven-kleuren/maten. Niet
   aanpassen, niet afronden. Gescoped op de julianadorp-body zodat andere
   portalthema's ongemoeid blijven (de handoff-:root is Julianadorp-
   specifiek — zie AFWIJKINGEN.md).
   ===================================================================== */
body.site-body.site-theme-julianadorp {
  /* Vlakken */
  --portal-bg: #f3f0e7;            /* paginabodem, crème */
  --portal-surface: #fffefb;       /* kaarten, panelen, header */
  --portal-surface-soft: #faf8f2;  /* lege staten, zachte blokken */
  --portal-surface-tint: #f4f1e8;  /* zoekveld header */
  --portal-chip: #f5f1e7;          /* tag-chips */

  /* Randen */
  --portal-border: #e9e3d5;        /* kaartranden */
  --portal-border-soft: #f0ece1;   /* scheidingslijnen in kaarten */
  --portal-border-strong: #d8d0be; /* knopranden */
  --portal-border-dashed: #d8d0bd; /* lege staten (dashed) */
  --portal-chip-border: #ece6d7;

  /* Tekst */
  --portal-heading: #17243f;       /* navy — koppen, footer-bg */
  --portal-heading-ink: #23252a;   /* kaarttitels */
  --portal-text: #4a4640;          /* lopende tekst */
  --portal-text-soft: #6b6456;
  --portal-muted: #8a8578;
  --portal-muted-faint: #a29c8d;
  --portal-mono-faint: #b3ac9a;    /* annotaties, mono-labels */

  /* Merk */
  --portal-primary: #c0472e;       /* terracotta — links, logo, CTA's */
  --portal-primary-strong: #a63a24;
  --portal-primary-soft: #f7ece7;  /* terracotta-tint (winkels, CTA-blok) */
  --portal-primary-soft-border: #ecd9cf;
  --portal-accent: #e0a63f;        /* goud — Uitgelicht-badge, footerlinks */
  --portal-accent-deep: #a5702a;   /* goud-donker — kickers */

  /* Regenbooglijn (header, exact deze 5 + flexverhouding 3/1.1/1.1/1.1/1.4) */
  --portal-stripe-1: #c0472e;
  --portal-stripe-2: #e0a63f;
  --portal-stripe-3: #8a5a9c;
  --portal-stripe-4: #7f8a3e;
  --portal-stripe-5: #3a6ea5;

  /* Status */
  --portal-open: #2f7a4c;          /* "Nu open" tekst */
  --portal-open-dot: #2f9c5e;
  --portal-open-soft: #e7f1e6;
  --portal-closed: #6f6a5c;
  --portal-closed-dot: #b0a894;
  --portal-closed-soft: #efece3;
  --portal-danger: #b5432f;        /* "Gesloten" in tijdentabel */

  /* Categorietinten (kaart-thumb fallback) */
  --portal-cat-winkels: #f7ece7;
  --portal-cat-horeca: #f8f0dc;    /* let op: thumb gebruikt #f2ead6 in hero-badge */
  --portal-cat-zorg: #e6f1ed;
  --portal-cat-sport: #eaf0f7;
  --portal-cat-diensten: #eeeef4;
  --portal-cat-verblijf: #e7f1ea;

  /* Typografie — EXACT deze families en gewichten */
  --portal-font-serif: 'Newsreader', Georgia, serif;        /* koppen: 500/600 */
  --portal-font-sans: 'Instrument Sans', system-ui, sans-serif; /* ui: 400–700 */
  --portal-font-mono: 'IBM Plex Mono', ui-monospace, monospace; /* annotaties */

  /* Maten die overal terugkomen */
  --portal-radius-card: 16px;      /* gidskaarten (detail-hero: 18px) */
  --portal-radius-btn: 11px;       /* primaire knoppen (klein: 9-10px) */
  --portal-radius-pill: 999px;
  --portal-shadow-card-hover: 0 14px 30px rgba(20,34,74,0.12);
  --portal-shadow-modal: 0 30px 80px rgba(0,0,0,0.4);
}