/* Dua tema situs: emas (bawaan) dan ungu.
   Teks aksen selalu lebih terang dari panel, teks di atas tombol utama selalu gelap. */
html[data-theme="emas"],
html[data-theme="demo3"] {
  --gold: #d4b45a;
  --gold2: #f0d78c;
  --accent: #e8c36a;
  --btn: #c9a227;
  --ink: #1a1408;
  --grad: linear-gradient(180deg, #fff1b0, #e8c36a 42%, #8a6d12);
  --glow: rgba(212, 175, 55, .35);
  --bg: #0b0b0b;
  --panel: #141414;
  --line: #2c2c2c;
  --bar: #101010;
  --menu: #6b5720;
}

html[data-theme="ungu"] {
  --gold: #d4ef12;
  --gold2: #e4ff23;
  --accent: #e4ff23;
  --btn: #6d28d9;
  --ink: #1a1408;
  --grad: linear-gradient(180deg, #f4ff8a, #c6e000);
  --glow: rgba(228, 255, 35, .28);
  --bg: #12081c;
  --panel: #3a1278;
  --line: #6d28d9;
  --bar: #2b0b4e;
  --menu: #6d28d9;
}

html[data-theme="ungu"] body {
  background: #12081c !important;
  color: #f4f4f5;
}

html[data-theme="ungu"] .topwrap,
html[data-theme="ungu"] .headwrap,
html[data-theme="ungu"] .head,
html[data-theme="ungu"] .appbar,
html[data-theme="ungu"] .mnav,
html[data-theme="ungu"] .news {
  background: #2b0b4e !important;
  border-color: #4c1d80 !important;
}

html[data-theme="ungu"] .aside,
html[data-theme="ungu"] .panel,
html[data-theme="ungu"] .infocard,
html[data-theme="ungu"] .prow,
html[data-theme="ungu"] .bankbox,
html[data-theme="ungu"] .dbox,
html[data-theme="ungu"] .drawer .dbox {
  background: #3a1278 !important;
  border-color: #6d28d9 !important;
}

html[data-theme="ungu"] .cats a:hover,
html[data-theme="ungu"] .cats a.on,
html[data-theme="ungu"] .who b,
html[data-theme="ungu"] .mnav a.on,
html[data-theme="ungu"] .bell,
html[data-theme="ungu"] .pills .lp,
html[data-theme="ungu"] .refbox,
html[data-theme="ungu"] .refbox small,
html[data-theme="ungu"] .refbox b,
html[data-theme="ungu"] .amt > span,
html[data-theme="ungu"] .boxm h3,
html[data-theme="ungu"] .kpi b {
  color: #e4ff23 !important;
}

html[data-theme="ungu"] .hamb span,
html[data-theme="ungu"] .hamb:before,
html[data-theme="ungu"] .hamb:after,
html[data-theme="ungu"] .goldline,
html[data-theme="ungu"] .bankbox .line {
  background: #e4ff23 !important;
}

html[data-theme="ungu"] .aside a { color: #f4f4f5; }
html[data-theme="ungu"] .aside a .sico { color: #d8b4fe; }
html[data-theme="ungu"] .aside a.on {
  background: linear-gradient(90deg, #6d28d9 0%, #4c1d95 55%, transparent) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 #e4ff23 !important;
}
html[data-theme="ungu"] .aside a.on .sico { color: #e4ff23 !important; }

html[data-theme="ungu"] .daftar,
html[data-theme="ungu"] .topwrap .bar .daftar,
html[data-theme="ungu"] .appbar .und,
html[data-theme="ungu"] .go,
html[data-theme="ungu"] .goldbtn,
html[data-theme="ungu"] .mtabs a.on,
html[data-theme="ungu"] .subtabs a.on,
html[data-theme="ungu"] .pay.on {
  background: linear-gradient(180deg, #f4ff8a, #c6e000) !important;
  color: #1a1408 !important;
  border-color: transparent !important;
}
html[data-theme="ungu"] .mtabs a.on .sico,
html[data-theme="ungu"] .pay.on .sico,
html[data-theme="ungu"] .pay.on small { color: #1a1408 !important; }

html[data-theme="ungu"] .band {
  background: linear-gradient(90deg, #5b21b6, #e4ff23) !important;
  color: #1a0830 !important;
}
html[data-theme="ungu"] .logo i {
  background: radial-gradient(circle at 30% 30%, #fff, #d8b4fe 42%, #6d28d9) !important;
  color: #1a0830 !important;
}
html[data-theme="ungu"] .note,
html[data-theme="ungu"] .refbox {
  border-color: #a3e635 !important;
  background: #240844 !important;
}
html[data-theme="ungu"] .note { color: #f5f3ff !important; }
html[data-theme="ungu"] .kpi div {
  background: linear-gradient(180deg, #4c1d95, #2b0b4e) !important;
  border-color: #7c3aed !important;
}
html[data-theme="ungu"] input,
html[data-theme="ungu"] select,
html[data-theme="ungu"] textarea {
  background: #14081f;
  border-color: #5b21b6;
  color: #fff;
}
html[data-theme="ungu"] .mtabs a,
html[data-theme="ungu"] .subtabs a,
html[data-theme="ungu"] .empty,
html[data-theme="ungu"] .statbox table,
html[data-theme="ungu"] .statbox th {
  background: #2b0b4e;
  color: #f4f4f5;
  border-color: #4c1d80;
}
html[data-theme="ungu"] .midchip {
  background: #1a0830;
  border-color: #6d28d9;
}