/* site.css — Goeie Komaf. Tailwind laadt via CDN (script + inline config
   in elke pagina, zie tailwind.config hieronder als referentie) — dit
   bestand regelt enkel wat Tailwind-utilities niet dekken: lettertype-
   toewijzing en kleine herbruikbare componentklassen. */

* { font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Fraunces', Georgia, 'Times New Roman', serif; font-weight: 500; letter-spacing: -0.01em; }
.font-mono, code { font-family: 'IBM Plex Mono', ui-monospace, Consolas, monospace; }

body { background: #F2EEE6; }

.spec-tag {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
  font-size: 0.7rem; color: #57534E;
  border: 1px solid #DDD7CC; padding: 5px 10px; margin: 3px 4px 3px 0;
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}