/* Conexus Thrive brand tokens — ported verbatim from the marketing site
   (site/assets/site.css :root block) so colors, type and shadows never
   drift between conexusthrive.com and the app. Do not hand-tune a value
   here without checking it still matches the source. */
:root{
    /* Conexus brand */
    --blue:#1E90FF; --navy:#0F2288; --mid:#0962C0; --cyan:#00CFFF;
    /* Accessible blue for small text and solid CTAs: white on #0962C0 = 5.97:1.
       Brand #1E90FF is 3.24:1 and is reserved for graphics and large display type. */
    --interactive:#0962C0; --band-end:#0F6FCC;
    --cta:#0962C0;          /* white on this = 5.97:1 in both themes */
    --accent-text:#0962C0;  /* small blue text on light surfaces */
    --ink:#0c1638; --body:#475066; --muted:#666f86;
    --bg:#ffffff; --bg-soft:#f2f7ff; --card:#ffffff; --line:#e0e8f6;
    --shadow-sm:0 2px 10px rgba(15,34,136,.06);
    --shadow:0 18px 50px -22px rgba(15,34,136,.28), 0 2px 8px rgba(15,34,136,.05);
    --serif:"Fraunces", Georgia, serif; --sans:"Manrope", -apple-system, sans-serif;
  }
  @media (prefers-color-scheme:dark){ :root{
    --ink:#eaf0fc; --body:#adb8d2; --muted:#7f89a3; --interactive:#1E90FF; --band-end:#1E90FF;
    --cta:#0962C0; --accent-text:#4FA9FF;
    --bg:#080d1e; --bg-soft:#0d142c; --card:#101833; --line:#1e2947;
    --shadow-sm:0 2px 10px rgba(0,0,0,.4);
    --shadow:0 18px 50px -22px rgba(0,0,0,.7), 0 2px 8px rgba(0,0,0,.4);
  }}
  :root[data-theme="dark"]{ --ink:#eaf0fc; --body:#adb8d2; --muted:#7f89a3;
    --interactive:#1E90FF; --band-end:#1E90FF; --cta:#0962C0; --accent-text:#4FA9FF;
    --bg:#080d1e; --bg-soft:#0d142c; --card:#101833; --line:#1e2947;
    --shadow-sm:0 2px 10px rgba(0,0,0,.4);
    --shadow:0 18px 50px -22px rgba(0,0,0,.7), 0 2px 8px rgba(0,0,0,.4); }
  :root[data-theme="light"]{ --ink:#0c1638; --body:#475066; --muted:#666f86;
    --interactive:#0962C0; --band-end:#0F6FCC; --cta:#0962C0; --accent-text:#0962C0;
    --bg:#ffffff; --bg-soft:#f2f7ff; --card:#ffffff; --line:#e0e8f6;
    --shadow-sm:0 2px 10px rgba(15,34,136,.06);
    --shadow:0 18px 50px -22px rgba(15,34,136,.28), 0 2px 8px rgba(15,34,136,.05); }
