/*
 * Site-wide readability fixes (2026-10-03, from a Lighthouse accessibility audit).
 * Injected into <head> of every HTML page by src/index.js (after each page's own <style>),
 * so it overrides the per-page color tokens without editing 200+ files.
 *
 * Contrast targets (WCAG AA) on the cream background #F8F4EE:
 *   gold  #C4A273 → #94703F   2.2:1 → 4.1:1
 *   ink-3 #8C7B68 → #76654F   3.7:1 → 5.1:1
 *   teal  #4A7C75 → #3F6F68   4.3:1 → 5.2:1
 *   LINE button #06C755 → #00833A (white text 2.3:1 → 4.9:1)
 */
:root {
  --warm-gold: #94703F;
  --ink-3: #76654F;
  --teal: #3F6F68;
}

/* Dark-brown containers keep the original lighter tones (they already pass on dark). */
.footer,
.sticky-bar,
.visit-total,
.price-explorer,
.walkin-inner,
.included-inner,
.jumper,
.btn-primary,
.nav-cta {
  --warm-gold: #C4A273;
  --ink-3: #8C7B68;
  --teal: #4A7C75;
}

.btn-line,
.cta-btn-line,
.line-btn,
.sticky-btn.line,
.share-btn.line { background: #00833A; }
.btn-line:hover,
.cta-btn-line:hover,
.line-btn:hover,
.sticky-btn.line:hover,
.share-btn.line:hover { background: #006E30; }

/* Tiny labels → readable for 40+ customers */
.lang-btn { font-size: 13px; }
.hero-eyebrow { font-size: 12px; }