/*
 * 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 #7E6116 : 5.5:1 on linen, 5.8:1 on white, 5.1:1 on warm-paper
 *   (darkened from #876818 on 2026-09-01: the weather layer's tints ate the
 *    old 0.38 AA headroom at screen edges; this holds 4.5+ under every veil,
 *    4.6+ everywhere text actually sits)
 * --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: #7E6116;
  --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); }