/* ═══ RetailERP — Design Tokens ═══ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  --bg:#070816;--s1:rgba(13,18,39,.82);--s2:rgba(20,27,55,.72);--s3:rgba(35,46,84,.72);--s4:#51608e;
  --teal:#7dd3fc;--teal2:#22d3ee;--teal-dim:rgba(34,211,238,.16);--teal-border:rgba(125,211,252,.42);
  --green:#34d399;--green-d:rgba(52,211,153,.17);--amber:#fbbf24;--amber-d:rgba(251,191,36,.16);
  --red:#fb7185;--red-d:rgba(251,113,133,.16);--purple:#c084fc;--purple-d:rgba(192,132,252,.17);
  --pink:#f472b6;--orange:#fb923c;--lime:#a3e635;--cyan:#22d3ee;
  --t1:#f7fbff;--t2:#bfd2ff;--t3:#7892c9;--border:rgba(255,255,255,.14);
  --glass:rgba(255,255,255,.08);--glass2:rgba(255,255,255,.13);
  --s2-solid:#10162e;--s3-solid:#1b2343;
  --shadow:0 18px 45px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.12);
  --sw:240px;--th:56px;
}