/* ============================================================
   Intelgic — central theme tokens
   Single source of truth for brand colors & accents.
   Every page links this BEFORE its own <style>, and uses
   var(--token) instead of hardcoded hex, so the whole app
   can be re-skinned from this one file.
   ============================================================ */
:root{
  /* Brand */
  --brand:#0d5c63;        /* primary teal */
  --brand2:#0a4a50;       /* deep teal */
  --blue:#1e65a3;         /* accent blue */
  --blue2:#185a92;

  /* Tints / fills */
  --accent:#e8f3f3;       /* light teal fill */
  --accent2:#f2faf9;      /* lightest teal */
  --bluebg:#eaf1f8;       /* light blue fill */

  /* Ink / text */
  --ink:#15202b;
  --ink2:#4a5764;
  --ink3:#7a8694;

  /* Surfaces / lines */
  --surface:#ffffff;
  --line:#e6eaee;
  --bg:#eef2f4;           /* flat page / control fill */

  /* Status */
  --good:#0d7a4d;
  --internal:#8a4b00;
  --danger:#a8321f;

  /* Reusables */
  --grad-brand:linear-gradient(135deg, var(--brand), var(--brand2));
  --shadow:0 1px 3px rgba(20,40,60,.06), 0 8px 22px rgba(20,40,60,.06);

  /* The soft welcome/landing backdrop — use as `background: var(--page-bg)` */
  --page-bg:
    radial-gradient(1100px 520px at 50% -8%, #ffffff 0%, rgba(255,255,255,0) 60%),
    radial-gradient(900px 600px at 88% 8%, rgba(30,101,163,.06) 0%, rgba(30,101,163,0) 55%),
    radial-gradient(900px 600px at 8% 96%, rgba(13,92,99,.07) 0%, rgba(13,92,99,0) 55%),
    linear-gradient(170deg,#f7fafb 0%,#eef5f6 100%);
}