/* Skesa Dashboard BIGDEAL — design tokens. Default = dark. Tambah [data-theme="light"] di <html> untuk light. */
:root{
  --bg0: #0e0f11;
  --bg1: #1b1c1f;
  --bg2: #242529;
  --bg3: #1f2023;
  --bg4: #1a1b1e;
  --bg5: #1e1f23;
  --hv: #232428;
  --sel: #2a2b30;
  --tab: #2c2d32;
  --tab2: #34353b;
  --bd: #2a2b2f;
  --bd2: #33343a;
  --bd3: #3a3b40;
  --bd4: #4a4b52;
  --bar2: #5b5d64;
  --t1: #f1f2f4;
  --t2: #eceef1;
  --t3: #e4e5e8;
  --t4: #d4d6da;
  --t5: #9a9ca3;
  --t6: #9a9ca3;
  --t7: #8a8c93;
  --hdr: rgba(14,15,17,.92);
  --sh: rgba(0,0,0,.45);
  --ov2: rgba(255,255,255,.04);
  --ov3: rgba(255,255,255,.05);
  --ov4: rgba(255,255,255,.06);
  --ov5: rgba(255,255,255,.08);
  --acc: oklch(0.8 0.12 60);
  --acc2: oklch(0.76 0.13 58);
  --acc3: oklch(0.72 0.13 56);
  --acc4: oklch(0.84 0.11 60);
  --accInk: #141414;
  --grn: oklch(0.8 0.13 150);
  --red: oklch(0.72 0.17 25);
  --mono2: oklch(0.8 0.13 150);
  --mono3: oklch(0.78 0.11 245);
  --ins: inset 0 3px 7px rgba(0,0,0,.6);
  --embs: 0 2px 3px rgba(0,0,0,.8);
  --font-sans: 'Plus Jakarta Sans', sans-serif;
  --raise: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.55);
  --emb: 0 2px 0 rgba(0,0,0,.95), 0 4px 10px rgba(0,0,0,.75), 0 -1px 0 rgba(255,255,255,.12);
  --embt: 0 1px 0 rgba(0,0,0,.9), 0 2px 4px rgba(0,0,0,.55);
  --btnsh: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 4px rgba(0,0,0,.6);
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:10px; --r-xl:12px; --r-2xl:14px; --r-pill:999px;
}
[data-theme="light"]{
  --bg0: #f4f5f7;
  --bg1: #ffffff;
  --bg2: #f1f2f5;
  --bg3: #f7f8fa;
  --bg4: #e7e9ed;
  --bg5: #f3f4f6;
  --hv: #f3f4f6;
  --tab: #eceef2;
  --tab2: #e4e6ea;
  --sel: #eef0f3;
  --bd: #e4e6ea;
  --bd2: #d7dadf;
  --bd3: #c9ccd2;
  --bd4: #aeb2b9;
  --bar2: #bfc3ca;
  --t1: #15161a;
  --t2: #1c1e23;
  --t3: #272a30;
  --t4: #3b3e45;
  --t5: #5c6068;
  --t6: #5f636b;
  --t7: #5f636b;
  --sh: rgba(16,24,40,.07);
  --ov1: rgba(16,24,40,.03);
  --ov2: rgba(16,24,40,.04);
  --ov3: rgba(16,24,40,.05);
  --ov4: rgba(16,24,40,.06);
  --ov5: rgba(16,24,40,.07);
  --hdr: rgba(255,255,255,.88);
  --acc: oklch(0.46 0.14 50);
  --acc2: oklch(0.44 0.14 50);
  --acc3: oklch(0.42 0.14 50);
  --acc4: oklch(0.48 0.13 50);
  --grn: oklch(0.45 0.12 150);
  --grn2: oklch(0.43 0.12 150);
  --red: oklch(0.5 0.18 25);
  --red2: oklch(0.48 0.18 25);
  --red3: oklch(0.5 0.18 25);
  --red4: oklch(0.5 0.18 25);
  --hrd: oklch(0.52 0.17 25);
  --ali: oklch(0.47 0.14 255);
  --ali2: oklch(0.47 0.14 255);
  --sun: oklch(0.7 0.16 70);
  --mono2: oklch(0.45 0.12 150);
  --mono3: oklch(0.47 0.14 255);
  --emb: 0 1px 0 rgba(255,255,255,.9), 0 2px 4px rgba(0,0,0,.08);
  --embs: 0 1px 0 rgba(255,255,255,.8);
  --ins: inset 0 2px 4px rgba(0,0,0,.08), inset 0 -1px 0 rgba(255,255,255,.7);
  --btnsh: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 4px rgba(0,0,0,.15);
  --embt: 0 1px 0 rgba(255,255,255,.85);
  --raise: inset 0 1px 0 rgba(255,255,255,.8), 0 4px 12px rgba(0,0,0,.08);
  --accInk: #ffffff;
  --actsh: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.08), 0 1px 0 rgba(0,0,0,.08), 0 6px 12px -6px rgba(0,0,0,.25);
  --actshh: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.08), 0 2px 0 rgba(0,0,0,.08), 0 10px 18px -6px rgba(0,0,0,.3);
  --actsha: inset 0 2px 5px rgba(0,0,0,.18);
  --acttsL: 0 1px 0 rgba(255,255,255,.7);
  --acttsD: 0 -1px 0 rgba(0,0,0,.25);
  --raiseH: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 26px -8px rgba(16,24,40,.22);
  --insH: inset 0 1px 0 rgba(255,255,255,.9), 0 6px 12px -4px rgba(16,24,40,.16);
}