/* ==========================================================================
   VetClaimsGuide — Dark theme override for legacy light-theme tool pages
   Forces the black/gold scheme onto pages still using the old navy/white
   template (calculator, backpay-estimator, cp-exam-prep, evidence-gap-finder,
   condition-evidence-builder, buddy-statement-builder, next-steps).
   Loaded LAST so its !important rules win over inline styles.
   Palette: bg #0b0b0c, card #161618, gold #F5B301, text #e8e8ea.

   KEY RULE: every text element defaults to readable light text. Dark text is
   re-asserted ONLY on gold/colored buttons and badges. No dark-on-dark.
   ========================================================================== */

:root{
  --navy:#0b0b0c; --navy-deep:#000; --gold:#F5B301; --gold-soft:#ffcf4d;
  --bg:#0b0b0c; --bg-soft:#1d1d20; --bg-band:#101012;
  --text:#f4f4f5; --text-soft:#b9b9c0; --border:#2a2a2e;
}

/* ---- Base + universal readable text (kills all dark-on-dark) ---- */
body{ background:#0b0b0c !important; color:#e8e8ea !important; }
body *{ color:#e8e8ea !important; }            /* default every element to light */
.container{ background:transparent !important; }

/* ---- Surfaces (backgrounds only) ---- */
header{ background:rgba(11,11,12,.95) !important; border-bottom-color:#2a2a2e !important; }
.hero{ background:linear-gradient(135deg,#161618 0%,#0b0b0c 100%) !important; }
.calc-card,.panel,.card,.result-card,.explainer-card,.save-cta,
.step,.crit,.option,.opt-card,.choice,.result,.tool-card,.question-card,
.results,.results-header,.results-body,.missing-list,.signup-block{
  background:#161618 !important; border-color:#2a2a2e !important; box-shadow:none !important;
}
.explainer,.tool-section,.calc-section,section{ background:transparent !important; }
.explainer{ background:#101012 !important; }
.disclaimer,.disclaim,.tips-banner,.backpay-note,.estimate-note,.ethics-note,
.missing-block{ background:#1d1d20 !important; border-color:#2a2a2e !important; }
.tips-banner,.backpay-note{ border-left-color:#F5B301 !important; }
.callout{ background:rgba(245,179,1,.10) !important; border-color:#F5B301 !important; }
.error-msg{ background:rgba(197,48,48,.15) !important; }
footer{ background:#0b0b0c !important; border-top-color:#2a2a2e !important; }

/* ---- Form controls ---- */
select,input,textarea,.field select,.field input{
  background:#101012 !important; color:#f4f4f5 !important; border-color:#2a2a2e !important;
}
fieldset{ border-color:#2a2a2e !important; }

/* ---- Gold / colored buttons + badges keep DARK text on their fill ---- */
.btn-primary,.cta-link,.btn.gold,button.gold,.brand-mark,
.explainer-card .num,.num,
[style*="background:#c9a227"],[style*="background: #c9a227"],
[style*="background:#F5B301"],[style*="background: #F5B301"],
[style*="background:#FACC15"],[style*="background: #FACC15"],
[style*="background:#facc15"]{
  background:#F5B301 !important; color:#1a1300 !important; border-color:#F5B301 !important;
}

/* ---- Secondary / outline buttons: transparent fill, light text ---- */
.btn-secondary,.btn.ghost,.btn-outline,.back-btn,.restart-btn{
  background:transparent !important; color:#f4f4f5 !important; border-color:#2a2a2e !important;
}

/* ---- Gold ACCENT text (placed last so it wins over the light default) ---- */
.hero .eyebrow,.eyebrow,.result-eyebrow,.result-amount,
a.cta,.gold-text,.vcg-fb-inline h3{ color:#F5B301 !important; }
article a,section a,p a,.container a,footer a,li a{ color:#F5B301 !important; }
.nav-links a{ color:#9a9aa2 !important; }
.nav-links a:hover{ color:#F5B301 !important; }

/* ---- Re-assert DARK text on gold-filled buttons + chat gold accents ----
   (the universal light default above must NOT wash out gold button labels) ---- */
button[type="submit"],[data-vcg-signup] button,.vcg-signup-form button,
.signup-block button,.formkit-submit,
.btn-primary,.cta-link,.btn.gold,button.gold,
#vcg-chat-btn,#vcg-chat-btn *,.vcg-ch-dot,#vcg-ch-send,.vcg-ch-send{
  color:#1a1300 !important;
}

/* ---- Catch inline light backgrounds left on injected sections / cards ---- */
[style*="background:#fff"],[style*="background: #fff"],
[style*="background:#ffffff"],[style*="background: #ffffff"],
[style*="background:white"],[style*="background: white"],
[style*="background:#f5f7fa"],[style*="background: #f5f7fa"],
[style*="background:#eef2f7"],[style*="background: #eef2f7"],
[style*="background:#fff8e6"],[style*="background: #fff8e6"]{
  background:#161618 !important; border-color:#2a2a2e !important;
}