/* tokens.css — post 16450 · Kingfisher Observation Fieldbook
 * Scoped design tokens voor .postid-16450
 * Witte/transparante basis · ijsvogelblauw, diep inktblauw, gedempt koraal als accent
 * Geen bruin structureel vlak — alleen wit/papier met accentkleuren
 */

.postid-16450 {
  /* Paper / base — wit en transparant */
  --ns-16450-kv-paper: oklch(99% 0 0);              /* zuiver wit */
  --ns-16450-kv-paper-2: oklch(97.5% 0.003 220);    /* gebroken wit, lichte blauwtint */
  --ns-16450-kv-paper-3: oklch(95% 0.006 220);      /* subtiele vlakken */

  /* Ink / text — donker op licht */
  --ns-16450-kv-ink: oklch(20% 0.028 250);          /* diep inktblauw, hoofdkleur tekst */
  --ns-16450-kv-ink-2: oklch(38% 0.022 250);        /* secundaire tekst */
  --ns-16450-kv-ink-3: oklch(52% 0.018 250);        /* tertiaire tekst / captions */

  /* Accent — ijsvogelblauw (kingfisher blue) */
  --ns-16450-kv-accent: oklch(56% 0.15 215);        /* kingfisher blue */
  --ns-16450-kv-accent-2: oklch(66% 0.13 215);      /* lichtere variant */
  --ns-16450-kv-accent-3: oklch(46% 0.13 215);      /* diepere variant */

  /* Accent — gedempt koraal (ijsvogelborst) */
  --ns-16450-kv-coral: oklch(66% 0.12 35);          /* muted coral */
  --ns-16450-kv-coral-2: oklch(74% 0.10 35);        /* lichtere variant */

  /* Dark section — observatieblok, foutdiagnose-header */
  --ns-16450-kv-dark: oklch(22% 0.03 250);          /* donker inktblauw vlak */
  --ns-16450-kv-dark-2: oklch(28% 0.028 250);       /* iets lichter donker vlak */
  --ns-16450-kv-dark-text: oklch(96% 0.006 220);    /* expliciet lichte tekst op donker */
  --ns-16450-kv-dark-text-2: oklch(80% 0.01 220);   /* secundaire lichte tekst op donker */

  /* Lines / borders */
  --ns-16450-kv-line: oklch(90% 0.005 220);         /* haairand */
  --ns-16450-kv-line-2: oklch(83% 0.008 220);       /* iets zichtbaarder rand */

  /* Observatieblok-achtergrond (licht) */
  --ns-16450-kv-obs-bg: oklch(97% 0.004 220);       /* lichte observatievlak */
  --ns-16450-kv-obs-border: oklch(88% 0.01 215);    /* accentrand observatieblok */

  /* Table */
  --ns-16450-kv-table-stripe: oklch(96% 0.004 220);

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

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

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

  /* Radius */
  --ns-16450-kv-radius-sm: 4px;
  --ns-16450-kv-radius-md: 8px;
  --ns-16450-kv-radius-lg: 12px;

  /* Max width */
  --ns-16450-kv-maxw: 720px;

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