/*
 * ABCPro — SINGLE SOURCE OF TRUTH for theme values.
 * Every page (public frontend, member portal, and admin) links this file and
 * reads its colors/fonts from these variables. Change a value HERE and it changes
 * everywhere. Do not redefine these tokens in individual pages.
 *
 * Direction: trustworthy, bright, light blue-pastel. (The legacy names --amber /
 * --amber2 / --amber-2 are kept for backward reach but now resolve to the brand
 * BLUE, so older pages that referenced them recolor automatically.)
 */
:root{
  /* ---- surfaces (light) ---- */
  --bg:#eef4fb;          /* app / page background */
  --panel:#ffffff;       /* cards, sidebar, tables, boxes */
  --panel2:#e7f0fa;      /* tinted rows, secondary buttons, hovers */
  --paper:#ffffff;
  --cream:#f2f7fc;       /* frontend page background */
  --sand:#e7f0f9;        /* frontend alt sections */

  /* ---- text ---- */
  --ink:#1b2733;         /* primary text (dark on light) */
  --ink-soft:#44576a;    /* secondary text */
  --muted:#6c7d8f;       /* muted / labels */

  /* ---- lines ---- */
  --line:#d9e4f0;

  /* ---- brand accent (trustworthy blue) ---- */
  --blue:#2f6fb0;
  --blue-2:#245c96;
  --sky:#4f8fc9;
  --teal:#3f86bf;
  /* legacy accent names — now BLUE so old pages recolor for free */
  --amber:#2f6fb0;
  --amber2:#245c96;
  --amber-2:#245c96;

  /* ---- status ---- */
  --green:#1f9d63;
  --red:#d24b43;

  /* ---- misc ---- */
  --measure:64ch;
  --radius:12px;
}