/* ============================================================
   Effects — Zacks Connect AI
   Shadows, the green "AI" glow system, focus rings, gradients,
   motion tokens. Dark-mode shadows are deep & soft.
   ============================================================ */

:root {
  /* ---- Elevation shadows (deep, for near-black surfaces) -- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.45);          /* brief --shadow */
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.55);
  --shadow-modal: 0 40px 120px rgba(0, 0, 0, 0.65);

  /* ---- Green glow system (the AI / orbit motif) ---------- */
  --glow-spark: 0 0 16px rgba(155, 232, 90, 0.55);     /* AI node */
  --glow-spark-lg: 0 0 36px rgba(155, 232, 90, 0.40);
  --glow-action: 0 6px 24px rgba(78, 157, 45, 0.35);   /* primary CTA */
  --glow-action-hover: 0 8px 30px rgba(115, 193, 63, 0.45);
  --glow-ring: 0 0 0 1px rgba(115, 193, 63, 0.30);     /* subtle green halo */

  /* ---- Focus ring ---------------------------------------- */
  --ring: 0 0 0 3px rgba(115, 193, 63, 0.35);
  --ring-offset: 0 0 0 2px var(--bg), 0 0 0 5px rgba(115, 193, 63, 0.45);

  /* ---- Hairline / inset ---------------------------------- */
  --inset-hairline: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --inset-top-sheen: inset 0 1px 0 rgba(234, 241, 234, 0.06);

  /* ---- Gradients ----------------------------------------- */
  --grad-green: linear-gradient(135deg, var(--zk-green-deep) 0%, var(--zk-green) 55%, var(--zk-green-bright) 100%);
  --grad-green-soft: linear-gradient(180deg, var(--zk-green-bright) 0%, var(--zk-green) 50%, var(--zk-green-deep) 100%);
  --grad-surface: linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%);
  --grad-text-green: linear-gradient(180deg, #7BC043 0%, #4E9D2D 55%, #2E6516 100%);

  /* Ambient orbital glow behind hero / key sections */
  --glow-hero: radial-gradient(60% 50% at 50% 0%, rgba(78, 157, 45, 0.22) 0%, rgba(78, 157, 45, 0.06) 40%, transparent 72%); /* @kind other */
  --glow-radial-spark: radial-gradient(closest-side, rgba(155, 232, 90, 0.30), transparent); /* @kind other */

  /* Faint grid / dotted texture for research-data feel */
  --texture-grid: linear-gradient(rgba(33, 48, 41, 0.55) 1px, transparent 1px),
                  linear-gradient(90deg, rgba(33, 48, 41, 0.55) 1px, transparent 1px); /* @kind other */
  --texture-grid-size: 56px 56px;

  /* ---- Motion -------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spark: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
  --dur-orbit: 14s; /* @kind other */
}