/* ============================================================
   theme.css — THE restyle target. Tuned to the Behance "Cloud ERP" deck:
   light sidebar, warm-neutral surfaces, ORANGE primary + GREEN secondary,
   pill buttons, peach-tinted active/alert states.
   To rebrand to Moashirat red, set --accent:#C92717 (+ -600/-700/-soft).
   ============================================================ */
:root{
  /* accent (Behance orange) */
  --accent:#F47920;
  --accent-600:#E06A12;
  --accent-700:#BF560D;
  --accent-soft:#FDEDE2;        /* peach tint: active nav, alert cards, soft fills */

  /* secondary / status */
  --green:#3DA95E;
  --green-soft:#E7F4EC;
  --ok:#3DA95E;
  --warn:#E08A1E;
  --err:#E2473B;
  --info:#2F77D0;
  --purple:#8B5CF6;

  /* per-system accents (request log) */
  --sys-biotime:#F47920;        /* BioTime → orange (primary external system) */
  --sys-odoo:#7C4DFF;           /* Odoo → violet */

  /* sidebar (LIGHT) */
  --side-bg-a:#FFFFFF;
  --side-bg-b:#FFFFFF;
  --side-border:#ECEDEF;
  --side-fg:#3A3F47;            /* item text */
  --side-fg-mut:#9097A0;        /* group labels */
  --side-active-bg:var(--accent-soft);
  --side-active-fg:var(--accent-700);
  --sb:250px;

  /* surfaces */
  --bg:#F4F5F6;
  --card:#FFFFFF;
  --line:#EBECEE;
  --soft:#F7F8F9;
  --headbg:rgba(247,248,249,.88);

  /* text */
  --ink:#2C2E33;
  --muted:#878D96;
  --mut2:#A7ACB4;

  /* deltas */
  --delta-up:#3DA95E;
  --delta-down:#E2473B;

  --sh:0 1px 2px rgba(28,30,36,.04),0 1px 3px rgba(28,30,36,.05);
  --shh:0 10px 28px rgba(28,30,36,.10);
  --rad:12px;          /* cards */
  --pill:999px;        /* buttons / chips */
}
[data-theme="dark"]{
  --side-bg-a:#171511;
  --side-bg-b:#171511;
  --side-border:#2A2723;
  --side-fg:#D9D3CC;
  --side-fg-mut:#857D74;
  --side-active-bg:rgba(244,121,32,.16);
  --side-active-fg:#F9A45E;
  --bg:#121110;
  --card:#1B1916;
  --line:#2B2824;
  --soft:#211E1A;
  --headbg:rgba(18,17,16,.86);
  --ink:#ECE7E1;
  --muted:#A29A91;
  --mut2:#7A726A;
  --accent-soft:rgba(244,121,32,.16);
  --sh:0 1px 2px rgba(0,0,0,.3);
  --shh:0 12px 30px rgba(0,0,0,.5);
}