/* ============================================================
   MissionFi — Color (2026 landing palette)
   Light canvas, one navy accent. The page is a cool off-white
   sheet (--bg) with white cards; navy carries every primary
   action and every headline. Green / amber / lilac are
   FUNCTIONAL tints only — status chips, category tiles,
   section washes. Never headline color, never decoration.
   Values are the Figma frame "MissionFi — Design UPDATED".
   ============================================================ */
:root {
  /* ===== surfaces ===== */
  --bg: #F4F6F8;            /* page canvas — cool off-white */
  --white: #FFFFFF;         /* cards, panels, the form sheet */

  /* ===== text ramp ===== */
  --ink: #14304F;           /* headings — deep navy */
  --ink-dark: #111D3A;      /* card titles inside the app mock */
  --ink-2: #22303D;         /* secondary dark text */
  --body: #5E6A77;          /* body copy */

  /* ===== the accent — navy ===== */
  --blue: #29448A;          /* primary: buttons, links, eyebrows */
  --blue-grad-a: #2B4EA2;   /* CTA / dark-band gradient, light stop */
  --blue-grad-b: #1E3C82;   /* CTA / dark-band gradient, dark stop */

  /* ===== text on the navy bands ===== */
  --on-blue: #DCE3F5;       /* body copy over navy */
  --on-blue-dim: #C6D2EE;   /* eyebrows / supporting copy over navy */

  /* ===== hairlines ===== */
  --line: #E7EBEF;          /* card + section borders */
  --line-input: #D3DBE2;    /* form field borders */

  /* ===== status chips (functional only) ===== */
  --green-bg: #E2F4EC;
  --green-fg: #0A6B49;
  --amber-bg: #FAEFD6;
  --amber-fg: #9A6B12;
  --danger: #C5491F;        /* form errors */

  /* ===== tints & tiles (category surfaces, washes) ===== */
  --lilac: #F2ECFB;         /* soft section / tile wash */
  --tile-blue: #EDF0FC;     /* icon tile — primary */
  --tile-slate: #EBEEF6;    /* icon tile — neutral */
  --hero-lilac: #D6DEF8;    /* hero backdrop panel */

  /* ===== app-mock chrome ===== */
  --phone-edge: #CFD7E0;    /* device bezel edge */
  --dash: #B6C4E3;          /* dashed rules, progress tracks */
}