/* tokens.css — post 4748 · Canvas Priming Bench
 * Scoped design tokens voor .postid-4748
 * Witte/transparante basis · inktblauw, ijsvogelblauw, gedempt koraal als accent
 */

.postid-4748 {
  /* Paper / base */
  --ns-4748-doek-paper: oklch(99% 0 0);            /* zuiver wit */
  --ns-4748-doek-paper-2: oklch(97% 0.004 240);    /* gebroken wit, lichte blauwtint */
  --ns-4748-doek-paper-3: oklch(94% 0.008 240);    /* iets dieper voor subtiele vlakken */

  /* Ink / text */
  --ns-4748-doek-ink: oklch(22% 0.03 250);         /* diep inktblauw, hoofdkleur tekst */
  --ns-4748-doek-ink-2: oklch(40% 0.025 250);      /* secundaire tekst */
  --ns-4748-doek-ink-3: oklch(55% 0.02 250);       /* tertiaire tekst / captions */

  /* Accent — ijsvogelblauw */
  --ns-4748-doek-accent: oklch(60% 0.14 220);      /* kingfisher blue */
  --ns-4748-doek-accent-2: oklch(68% 0.12 220);    /* lichtere variant */

  /* Accent — gedempt koraal */
  --ns-4748-doek-coral: oklch(68% 0.11 35);        /* muted coral */
  --ns-4748-doek-coral-2: oklch(75% 0.09 35);      /* lichtere variant */

  /* Dark section (diagnose-blok, fout-tabel header) */
  --ns-4748-doek-dark: oklch(24% 0.03 250);        /* donker inktblauw vlak */
  --ns-4748-doek-dark-text: oklch(96% 0.006 240);  /* expliciet lichte tekst op donker */

  /* Lines / borders */
  --ns-4748-doek-line: oklch(90% 0.006 240);       /* haairand */
  --ns-4748-doek-line-2: oklch(82% 0.008 240);     /* iets zichtbaarder rand */

  /* Table */
  --ns-4748-doek-table-stripe: oklch(96% 0.005 240);

  /* Typography */
  --ns-4748-doek-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ns-4748-doek-font-display: "Georgia", "Times New Roman", serif;

  /* Spacing — 4pt scale */
  --ns-4748-doek-space-2xs: 4px;
  --ns-4748-doek-space-xs: 8px;
  --ns-4748-doek-space-sm: 12px;
  --ns-4748-doek-space-md: 16px;
  --ns-4748-doek-space-lg: 24px;
  --ns-4748-doek-space-xl: 32px;
  --ns-4748-doek-space-2xl: 48px;
  --ns-4748-doek-space-3xl: 64px;

  /* Text scale */
  --ns-4748-doek-text-xs: 0.75rem;
  --ns-4748-doek-text-sm: 0.875rem;
  --ns-4748-doek-text-base: 1rem;
  --ns-4748-doek-text-lg: 1.125rem;
  --ns-4748-doek-text-xl: 1.25rem;
  --ns-4748-doek-text-2xl: 1.5rem;
  --ns-4748-doek-text-3xl: 1.875rem;

  /* Radius */
  --ns-4748-doek-radius-sm: 4px;
  --ns-4748-doek-radius-md: 8px;
  --ns-4748-doek-radius-lg: 12px;

  /* Max width */
  --ns-4748-doek-maxw: 720px;

  /* Easing */
  --ns-4748-doek-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}