/* ============================================================================
   theme-hymns — Morning Hymns. Spirit: dawn gold, music rising.
   Signature: gold-400, peach-300, butter, cream-200, sky-200.
   Pages: /hymns/, /hymnal/, /hymns-for-the-heart/
   ========================================================================== */
[data-theme="theme-hymns"] {
  --page-bg: var(--cream-200);
  --page-accent: var(--gold-400);
  --page-accent-2: var(--peach-300);
  --hero-from: var(--gold-100);
  --hero-to: var(--sky-200);
}

/* Hymnal catalogue cards */
[data-theme="theme-hymns"] .hymnal-season {
  grid-column: 1 / -1; font-family: var(--ff-serif); font-size: 1.6rem; color: var(--gold-400);
  border-bottom: 1px solid var(--cream-400); padding-bottom: var(--s-2); margin-top: var(--s-5);
}
[data-theme="theme-hymns"] .hymnal-card {
  background: var(--cream-100); border: 1px solid var(--cream-400); border-left: 3px solid var(--gold-400);
  border-radius: var(--r-md); padding: var(--s-5);
}
[data-theme="theme-hymns"] .hymnal-card__num {
  font-family: var(--ff-mono); font-size: var(--fs-kicker); letter-spacing: var(--ls-kicker);
  color: var(--gold-400); margin: 0 0 var(--s-1);
}
[data-theme="theme-hymns"] .hymnal-card__title { font-family: var(--ff-serif); font-size: 1.6rem; margin: 0 0 var(--s-3); color: var(--ink); }
[data-theme="theme-hymns"] .hymnal-card__verse {
  font-family: var(--ff-serif); font-style: italic; font-size: var(--fs-scripture); color: var(--ink);
  border-left: 2px solid var(--peach-300); padding-left: var(--s-3); margin: 0 0 var(--s-3);
}
[data-theme="theme-hymns"] .hymnal-card__verse cite {
  display: block; font-family: var(--ff-sans); font-style: normal; font-size: var(--fs-label);
  font-weight: 600; letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--gold-400); margin-top: var(--s-2);
}
[data-theme="theme-hymns"] .hymnal-card__links a { color: var(--gold-400); text-decoration: none; font-size: var(--fs-sm); font-weight: 500; }
[data-theme="theme-hymns"] .hymnal-card__links a:hover { text-decoration: underline; }