/* Design tokens — Fiscalis-style green theme, two modes: light + dark.
   Inspired by the Fiscalis finance dashboard: vivid lime/emerald accent,
   one deep-green "hero" KPI card, clean white surfaces, generous rounding.
   All content, sections, and charts are preserved; only the look changes.

   --accent        bright lime primary (buttons, active bar, highlights)
   --accent-deep   deep forest green (hero card, dark bar, logo)
   --hero-*        colors used only inside the filled hero KPI card
   --s1/--s2/--s3  chart series, shifted to the green family */

/* ---------- Light (default) ---------- */
:root{
  color-scheme: light;
  /* White page background; neutral (non-green) greys for panels and borders
     so cards stay outlined on the white page. */
  --bg:#ffffff; --surface:#ffffff; --surface-2:#fafafa; --surface-3:#f4f5f7;
  --border:#e6e8ec; --border-strong:#d4d7dd;
  --text:#16211a; --text-2:#55655b; --text-3:#8c9a90;
  --accent:#5bbf3a;           /* lime/emerald primary */
  --accent-soft:#e7f6e0;
  --accent-text:#2f7d2a;
  --accent-deep:#17412a;      /* deep forest green */
  --s1:#17412a; --s2:#5bbf3a; --s3:#a7df8e;   /* green chart family */
  --grid:#e9eee4; --axis:#c9d2bf;
  --up:#c0432f; --down:#2f7d2a;
  --fc-bg:#f3f1e2; --fc-text:#7a6a2a;
  --subtotal:#eff4ea;
  --shadow:0 1px 2px rgba(20,40,24,.04),0 6px 20px rgba(20,40,24,.07);
  --zebra:#f6f9f3; --row-hover:#e9f6e2; --fc-hover:#efecda;
  --radius-card:16px;
  /* hero (filled) KPI card */
  --hero-bg:linear-gradient(150deg,#1d5234,#0f3421);
  --hero-text:#ffffff; --hero-text-2:#bfe6c6; --hero-accent:#8ee06a;
}

/* ---------- Dark ---------- */
:root[data-theme="dark"]{
  color-scheme: dark;
  --bg:#0d0f0d; --surface:#151814; --surface-2:#1a1e19; --surface-3:#222722;
  --border:#272c25; --border-strong:#374032;
  --text:#eef3ec; --text-2:#aab6ac; --text-3:#7c897f;
  --accent:#6ccb45;
  --accent-soft:#1b2a19;
  --accent-text:#8fe06a;
  --accent-deep:#1f5a37;
  --s1:#8ee06a; --s2:#5bbf3a; --s3:#2f7d4a;
  --grid:#242a22; --axis:#39412f;
  --up:#f0897c; --down:#6ccb45;
  --fc-bg:#2a2614; --fc-text:#e4c86a;
  --subtotal:#1b211a;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.4);
  --zebra:#191d18; --row-hover:#1f2d1b; --fc-hover:#302a16;
  --radius-card:16px;
  --hero-bg:linear-gradient(150deg,#1f5a37,#123b24);
  --hero-text:#ffffff; --hero-text-2:#b7e3bf; --hero-accent:#8ee06a;
}