/* Centrale topic/header kleuren - wijzig hier voor consistentie over hele app */
:root {
  --topic-color: #111827; /* gray-900 */
}
.topic-title {
  color: var(--topic-color);
}
/* Hoofdtitels (h1) - text-3xl font-bold */
.page-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: var(--topic-color);
}
/* Sectietitels (h2) - text-xl font-semibold */
.section-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: var(--topic-color);
}
/* Kleinere sectietitels (h3) - text-lg font-medium */
.section-title-sm {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: var(--topic-color);
}

/* Alpine.js cloak */
[x-cloak] { display: none !important; }