/* ============================================================
   Colors — Zacks Connect AI (dark mode, mandatory)
   Anchored on documented Zacks forest green #37751D.
   Confident green-forward palette with a luminous "AI spark".
   ============================================================ */

:root {
  /* ---- Brand greens (base) ------------------------------- */
  --zk-green: #4E9D2D;          /* primary actions */
  --zk-green-bright: #73C13F;   /* accents, highlights, links */
  --zk-green-deep: #37751D;     /* documented Zacks forest green */
  --zk-green-dark: #1E4D0E;     /* deep shade / gradient floor */
  --zk-ai-spark: #9BE85A;       /* AI node / orbit highlight, glow */
  --zk-green-050: #EAFBC8;      /* lightest spark tint (node core) */

  /* Tints for translucent green fills (use over dark surfaces) */
  --zk-green-a08: rgba(115, 193, 63, 0.08);
  --zk-green-a14: rgba(115, 193, 63, 0.14);
  --zk-green-a24: rgba(115, 193, 63, 0.24);
  --zk-spark-a16: rgba(155, 232, 90, 0.16);

  /* ---- Dark surfaces (base) ------------------------------ */
  --bg: #0A0F0C;        /* page floor */
  --bg-2: #0E1612;      /* alt section band */
  --surface: #121C16;   /* cards, panels */
  --surface-2: #16221B; /* raised / hover card */
  --surface-3: #1B2A22; /* input wells, active rows */
  --border: #213029;    /* hairline dividers */
  --border-2: #2C4034;  /* stronger borders, focus rings base */

  /* ---- Text (base) --------------------------------------- */
  --text: #EAF1EA;      /* primary text */
  --text-dim: #9FB3A4;  /* secondary / muted */
  --text-faint: #6F8278;/* tertiary, captions, disabled labels */
  --text-on-green: #07140A; /* text over bright-green fills */

  /* ---- Financial / status semantics ---------------------- */
  --pos: #5FD364;       /* gains / up — distinct from brand green */
  --pos-dim: #2E5C2A;
  --neg: #E5685C;       /* losses / down */
  --neg-dim: #5C2A2A;
  --warn: #E8B341;      /* caution, roadmap "coming" tags */
  --info: #5BA7E8;      /* neutral info / 2nd chart series */

  /* ---- Semantic aliases (use these in UI) ---------------- */
  --color-bg: var(--bg);
  --color-bg-alt: var(--bg-2);
  --surface-card: var(--surface);
  --surface-raised: var(--surface-2);
  --surface-well: var(--surface-3);

  --text-heading: var(--text);
  --text-body: var(--text);
  --text-muted: var(--text-dim);
  --text-caption: var(--text-faint);

  --action-primary: var(--zk-green);
  --action-primary-hover: var(--zk-green-bright);
  --action-primary-press: var(--zk-green-deep);
  --link: var(--zk-green-bright);

  --accent-glow: var(--zk-ai-spark);
  --border-soft: var(--border);
  --border-strong: var(--border-2);
  --focus-ring: var(--zk-green-bright);

  /* Chart series for the demo financial visuals */
  --chart-1: var(--zk-green-bright);
  --chart-2: var(--info);
  --chart-grid: var(--border);
}