/* Site-wide color tokens. Edit values here to retint every page at once.
   Page-specific tokens (e.g. index.html's cost-breakdown segment colors)
   stay inline on their own page - this file is only what every page shares. */
:root {
  --bg: #f6f7f9;
  --card: #fff;
  --text: #080872;
  --w-text: #ffffff;
  --g-text: #606060;
  --sub-text: #707087;
  --muted: #64748b;
  --border: #dbe1ea;
  --accent: #ffae00;
  --accent-text: #df7205;
  --good: #119140;
  --bad: #b91c1c;
}

/* Body copy reads as sub-text everywhere, including generated /answers/
   pages, which only link this file. Titles (h1/h2/h3) are untouched since
   this only targets <p>. Paragraphs with their own class-based color
   (.note, .warn, .pos/.neg, .sub, .lede, ...) keep it - a class selector
   always outranks this bare-element one, regardless of source order. */
p { color: var(--sub-text); }