/* ============================================================
   I AM LENDER — theme.css
   The SINGLE source of truth for every color on the site.

   Rules:
   - site.css and every HTML file reference ONLY var(--...) tokens.
     No hex / rgb / hsl literals are allowed anywhere else
     (the only exceptions are baked assets: this file, the favicon
     SVG, and og-image.png).
   - Neutral values are COPIED FROM KIAVI's marketing site.
   - LIGHT MODE ONLY (Rob's call, 2026-09-02): no prefers-color-scheme
     block, no toggle. The dark #363637 bands (stats, footer, rates
     cards) are intentional accents on a light site, not dark mode.
   - PALETTE RETHINK (2026-09-02, Will): the first accent set was
     dark-site ambers (#8f6b24/#a07a2b) that read BROWN on white.
     The brand is "black and gold": on WHITE, accent TEXT is ink and
     gold appears only as fills, borders, and large display type;
     on the DARK bands, gold is bright (#e2bb61, the old site's own
     gold family). Never reintroduce low-saturation ambers as text
     on white.
   - Kiavi's mint #59d8b3 / teal #00615c must NEVER appear here.

   To swap the accent later, edit ONLY this file.

   ⚠ AGENTS (AI or otherwise): a request to change ANY color on this
   site — accent, background, button, link, whatever — is a request to
   edit a TOKEN in this file. It is never a request to add a hex/rgb
   literal in site.css, form.css, an HTML file, or an inline style,
   no matter how local the change seems. If a token for the purpose
   doesn't exist, add it here and reference var(--...) from the other
   file. Grep before you commit: `git diff | grep -E "#[0-9a-fA-F]{3,8}|rgb\\("` must show literals ONLY in this file.
   ============================================================ */

:root{
  /* ---- Neutrals (copied from Kiavi) ---- */
  --bg:#ffffff;             /* Kiavi white: main page background */
  --surface:#f3f3f4;        /* Kiavi light section band */
  --card:#ffffff;           /* card surfaces on banded sections */
  --text:#4f4f4f;           /* Kiavi body/heading gray */
  --muted:#6a6a6b;          /* tint of Kiavi #4f4f4f for secondary text (AA on white) */
  --line:#dee2e6;           /* Kiavi hairline borders */
  --line-strong:#d9dada;    /* Kiavi light gray: stronger dividers, control borders */
  --fill-soft:#edeeee;      /* Kiavi light gray: soft fills, image placeholders */
  --icon-dim:#b1b2b2;       /* Kiavi light gray: dim icons, placeholders */
  --band:#363637;           /* Kiavi dark band: stats strip + footer */
  --band-text:#ffffff;      /* text on the dark band */
  --band-muted:#b6b6b7;     /* secondary text on the dark band */

  /* ---- Ink: the "black" in black-and-gold. On-white accent TEXT
         uses this (17.4:1 on white) — gold text on white reads
         brown, so small accent text is INK, not gold. ---- */
  --accent-text:#141210;    /* eyebrows, labels, links, active states */
  --accent-display:#b8860b; /* true goldenrod: LARGE display type only (3.3:1 on white, AA-large) */

  /* ---- Gold: fills, strips, borders, focus rings (never small
         text on white). Vivid gold family, hue ~43°, high sat. ---- */
  --accent:#b8860b;         /* default accent for arbitrary use; prefer the specific tokens below */
  --accent-fill:#e3a51b;    /* gold fill: buttons, rates strip (8.3:1 with ink text) */
  --btn-ink:#181206;        /* text/ink on gold fills — ALWAYS pair with --accent-fill */
  --accent-hover:#cf9210;   /* hover state for gold fills */
  --accent-soft:rgba(227,165,27,.16); /* gold tint wash for hovers/selection */
  --on-band-accent:#e2bb61; /* bright gold on the dark #363637 band (6.4:1): stat numbers, rates eyebrows */

  /* ---- Semantic states ---- */
  --good:#1a7a4a;           /* success text */
  --good-soft:rgba(26,122,74,.10);
  --bad:#b3352c;            /* error text */
  --bad-soft:rgba(179,53,44,.10);

  /* ---- Bridge routing pill (deal-intake wizard: DSCR = green,
         bridge = neutral slate — the old burnt-gold read brown) ---- */
  --warn:#4f4f4f;           /* slate for the bridge pill (7.0:1 on white) */
  --warn-soft:rgba(79,79,79,.10);

  /* ---- Form fields ---- */
  --field-bg:#ffffff;
  --field-line:#d9dada;     /* Kiavi light gray */

  /* ---- Color used to compose shadows (color only, per single-source rule) ---- */
  --shadow-color:rgba(79,79,79,.10);
}