/*
 * Richting "Klassiek warm" — de WordPress-tegenhanger van design-1.
 *
 * Uitgangspunt: het woordmerk in het logo is een didone met scherpe contrasten,
 * gezet in baksteenrood. Die letter is hier het vertrekpunt, geen willekeurige
 * "chique" schreefletter.
 *
 * De rode kleur uit de huidige site blijft, maar in omgekeerde rol: niet meer
 * als achtergrond waar gouden tekst overheen moet — dat was precies het
 * leesbaarheidsprobleem — maar als vlak met wit erop, en als accent op licht.
 *
 * De letters (Bodoni Moda, Source Serif 4, Public Sans) worden geladen door
 * fonts.css uit het parent-thema; hier worden ze alleen aangeroepen.
 */

:root {
  --c-bg: #f6f2ed;
  --c-bg-alt: #ece3d9;
  --c-surface: #ffffff;
  --c-ink: #251a16;
  --c-ink-soft: #5c4c43;
  --c-line: #d9cbbe;

  --c-brand: #a3282e;
  --c-on-brand: #ffffff;
  --c-accent: #7c1f24;
  --c-on-accent: #ffffff;
  --c-focus: #a3282e;

  --f-display: "Bodoni Moda", "Bodoni MT", Didot, Georgia, serif;
  --f-body: "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-ui: "Public Sans", system-ui, sans-serif;
  --fw-display: 600;
  --tracking-display: -0.005em;

  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 6px;
  --r-pill: 999px;
  --border-w: 1px;

  --c-header-bg: #f6f2ed;
  --c-footer-bg: #2a1614;
  --c-footer-ink: #f2e7dd;
  --c-footer-lint: #4a2a26;
  --footer-lint-opacity: 1;
}

/* Een didone wil bij displaymaten net iets meer regelafstand, niet minder. */
h1,
h2 {
  line-height: 1.05;
}

/* Haarlijnen onder sectiekoppen — het concertprogramma-detail. */
.section-head {
  padding-block-end: var(--s-4);
  border-block-end: 1px solid var(--c-line);
}

.site-footer {
  --c-line: #4a2a26;
}

.site-footer a {
  color: #f2e7dd;
}