/* ============================================================
   Mitrametrik — Design Tokens
   Satu sumber warna/spacing. Rebrand per-customer = ganti --accent (+ logo).
   ============================================================ */
:root{
  /* ---- Brand accent (GANTI DI SINI buat rebrand customer) ---- */
  --accent:#6938EF;
  --accent-2:#5A2DD4;
  --accent-3:#8B6CF4;
  --accent-soft:rgba(105,56,239,0.10);
  --accent-soft-2:rgba(105,56,239,0.16);
  --accent-grad:linear-gradient(135deg,#8B6CF4,#6938EF,#5A2DD4);
  --on-accent:#ffffff;

  /* ---- Status ---- */
  --pos:#1f9d57;          /* naik / positif */
  --neg:#d64550;          /* turun / negatif */
  --warn:#c98a1a;
  --info:#2f7fd6;

  /* ---- Light theme (default) ---- */
  --bg:#f5f5fb;
  --surface:#ffffff;
  --surface-2:#faf9fe;
  --surface-3:#f2f1f9;
  --border:#e7e5f0;
  --border-2:rgba(105,56,239,0.12);
  --text:#1b1a24;
  --text-2:#4c4a5c;
  --muted:#8b8a9c;
  --shadow:0 2px 16px rgba(40,30,70,0.08);
  --shadow-2:0 1px 4px rgba(40,30,70,0.06);

  /* ---- Scale ---- */
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:18px;
  --gap:16px;
  --pad:18px;

  /* ---- Layout ---- */
  --sidebar-w:248px;
  --sidebar-rail:66px;
  --topbar-h:60px;

  --font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
}

/* ---- Dark theme ---- */
[data-theme="dark"]{
  --bg:#0f0d17;
  --surface:#181527;
  --surface-2:#1e1a2e;
  --surface-3:#251f38;
  --border:#2c2640;
  --border-2:rgba(150,130,220,0.14);
  --text:#ffffff;
  --text-2:#f1eff8;
  --muted:#dddaed;
  --shadow:0 4px 24px rgba(0,0,0,0.5);
  --shadow-2:0 2px 8px rgba(0,0,0,0.4);
  --accent-soft:rgba(139,108,244,0.14);
  --accent-soft-2:rgba(139,108,244,0.22);
  --on-accent:#ffffff;
}