/*
 * contrast.css — khurram.online
 * WCAG AA contrast overrides for small accent text on LIGHT backgrounds.
 * Loaded AFTER each page's inline <style> so equal-specificity rules here win.
 *
 * --amber-text #876818 : 4.9:1 on linen, 5.2:1 on white, 4.6:1 on warm-paper
 * --sage-text  #5F6E62 : 5.1:1 on linen, 5.4:1 on white, 4.8:1 on warm-paper
 * (brand --amber #C89B3C stays for borders, buttons, large text, dark contexts)
 *
 * Dark-context labels keep amber automatically: rules like
 * `.journey-header .section-label` (0,2,0) out-rank these (0,1,0) overrides.
 */
:root {
  --amber-text: #876818;
  --sage-text:  #5F6E62;
}

/* amber small-text on light surfaces */
.section-label            { color: var(--amber-text); }
.section-divider span     { color: var(--amber-text); }
.ref-label,
.book-ref-label           { color: var(--amber-text); }
.read-next-label          { color: var(--amber-text); }
.read-next-meta,
.card-read-link           { color: var(--amber-text); }
.book-ref-cta             { color: var(--amber-text); }
.photo-moment figcaption  { color: var(--amber-text); }
.hero .hero-eyebrow       { color: var(--amber-text); } /* index light hero */

/* sage small-text on light surfaces */
.card-category            { color: var(--sage-text); }
.read-next-tag            { color: var(--sage-text); }
.year-heading .year-count { color: var(--sage-text); }
.pillar-count             { color: var(--sage-text); }