/* Analyze My Income — global high-contrast text policy.
   Reading copy is black on light backgrounds. No pale gray/green text.
   Solid action buttons keep white text for contrast. */

:root {
  --ami-text: #000000;
  --ami-text-2: #000000;
  --ami-text-3: #000000;
  --ami-green-text: #000000;
}

html:not(.dark) body {
  color: #000000 !important;
}

/* Neutralize faint Tailwind text utilities used by legacy/tool pages. */
html:not(.dark) body .text-slate-300,
html:not(.dark) body .text-slate-400,
html:not(.dark) body .text-slate-500,
html:not(.dark) body .text-slate-600,
html:not(.dark) body .text-slate-700,
html:not(.dark) body .text-gray-300,
html:not(.dark) body .text-gray-400,
html:not(.dark) body .text-gray-500,
html:not(.dark) body .text-gray-600,
html:not(.dark) body .text-gray-700,
html:not(.dark) body .text-emerald-200,
html:not(.dark) body .text-emerald-300,
html:not(.dark) body .text-emerald-600,
html:not(.dark) body .text-emerald-700,
html:not(.dark) body .text-emerald-800 {
  color: #000000 !important;
}

/* Shared reading copy across every page family. */
html:not(.dark) body .simple-hero p,
html:not(.dark) body .hero-surface p,
html:not(.dark) body .hub-hero p,
html:not(.dark) body .landing-hero p,
html:not(.dark) body .planner-hero p,
html:not(.dark) body .simple-planner-hero p,
html:not(.dark) body .field-label,
html:not(.dark) body .field-help,
html:not(.dark) body .result-intro p,
html:not(.dark) body .simple-match-card small,
html:not(.dark) body .simple-match-card p,
html:not(.dark) body .metric-card span,
html:not(.dark) body .planner-field,
html:not(.dark) body .planner-field small,
html:not(.dark) body .planner-content p,
html:not(.dark) body .planner-content li,
html:not(.dark) body .hub-card p,
html:not(.dark) body .group-head p,
html:not(.dark) body .landing-card p,
html:not(.dark) body .brand-lockup small,
html:not(.dark) body .hub-brand small,
html:not(.dark) body .landing-brand-copy small,
html:not(.dark) body .planner-brand-copy small,
html:not(.dark) body .ami-tool-copy small,
html:not(.dark) body .scope-note,
html:not(.dark) body .active-assumptions,
html:not(.dark) body .trust-row,
html:not(.dark) body .simple-trust-line {
  color: #000000 !important;
  opacity: 1 !important;
}

/* Kicker/badge text must also be readable: pale green backgrounds, black type. */
html:not(.dark) body .calculator-badges span,
html:not(.dark) body .eyebrow span,
html:not(.dark) body .hub-hero > span,
html:not(.dark) body .landing-hero p:first-child,
html:not(.dark) body .group-kicker,
html:not(.dark) body .planner-kicker,
html:not(.dark) body .offer-input-type,
html:not(.dark) body .tag {
  color: #000000 !important;
  opacity: 1 !important;
}

html:not(.dark) body input,
html:not(.dark) body select,
html:not(.dark) body textarea {
  color: #000000 !important;
}

html:not(.dark) body input::placeholder,
html:not(.dark) body textarea::placeholder {
  color: #404040 !important;
  opacity: 1 !important;
}

/* Normal links are black and visibly underlined instead of faint colored copy. */
html:not(.dark) body main a:not(.primary-cta):not(.secondary-cta):not(.calculate-button):not(.planner-submit):not(.landing-submit):not(.ami-primary-tool):not(.hub-card):not(.quick-question) {
  color: #000000 !important;
  text-decoration-color: #000000 !important;
}

/* Keep solid action controls readable. */
html:not(.dark) body .calculate-button,
html:not(.dark) body .calculate-button *,
html:not(.dark) body .primary-cta,
html:not(.dark) body .primary-cta *,
html:not(.dark) body .planner-submit,
html:not(.dark) body .planner-submit *,
html:not(.dark) body .landing-submit,
html:not(.dark) body .landing-submit * {
  color: #ffffff !important;
}

/* Dark mode follows the same principle: pure white, not washed-out gray. */
html.dark body .text-slate-300,
html.dark body .text-slate-400,
html.dark body .text-slate-500,
html.dark body .text-slate-600,
html.dark body .text-gray-300,
html.dark body .text-gray-400,
html.dark body .text-gray-500,
html.dark body .simple-hero p,
html.dark body .field-help,
html.dark body .planner-field small,
html.dark body .planner-content p,
html.dark body .planner-content li {
  color: #ffffff !important;
  opacity: 1 !important;
}