/* ═══════════════════════════════════════════════════════════════════════════
   WZOPS THEME  ·  the one place the accent colour is decided
   Load order everywhere: cz-kit.css → cz-theme.css → page CSS.

   The CaseZoom kit ships indigo (#4F46E5). wzoperations is a Workzoom tool, so
   the action ramp is remapped to Workzoom emerald (#008060) while every other
   part of the kit — surfaces, Switzer, radii, shadows, motion — is kept exactly
   as drawn. Aqua is left alone: it already sits beside emerald.

   ⇄ TO GO BACK TO CASEZOOM INDIGO: delete this file from the three <link> lists
     (files.html, login.html, login-verify.html, rfp-qa-bank.html,
     rfp-knowledge.html) and flip --primary/--color-accent in
     dashboard/src/index.css. Nothing else references these hexes.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* action ramp · emerald */
  --cz-ind-50:#e6f4ef;
  --cz-ind-100:#d3ebe2;
  --cz-ind-300:#57b394;
  --cz-ind-500:#00996f;
  --cz-ind-600:#008060;   /* Workzoom emerald · the button colour */
  --cz-ind-700:#006a50;
  --cz-ind-900:#00301f;

  --cz-ring-action:0 0 0 3px rgba(0,128,96,.15);
  --cz-focus-border:var(--cz-ind-500);

  /* The sweep keeps the kit's gesture — a warm-to-cool run across the accent
     into aqua — starting from emerald instead of indigo. */
  --cz-sweep:linear-gradient(135deg,#008060 0%,#0F9E78 30%,#25B795 58%,#5FD9D2 80%,#8CEFC9 100%);
}

body.is-dark, .dark {
  --cz-ind-50:#0d2b21;
  --cz-ind-100:#123a2d;
  --cz-ind-300:#4cc49a;
  --cz-ind-500:#12a37c;
  --cz-ind-600:#17b98c;
  --cz-ind-700:#6fe0bb;
  --cz-ind-900:#d6f7ea;

  --cz-ring-action:0 0 0 3px rgba(18,163,124,.24);
  --cz-focus-border:var(--cz-ind-500);

  --cz-sweep:linear-gradient(135deg,#12A37C 0%,#25B795 30%,#3FD0C4 58%,#7FE6DF 80%,#A6F4D8 100%);
}