:root {
  --latar: rgb(255, 255, 255);
  --teks: rgb(15, 23, 42);
  --aksen: rgb(29, 78, 216);
}

@media (prefers-color-scheme: dark) {
  :root {
    --latar: rgb(17, 24, 39);
    --teks: rgb(229, 231, 235);
    --aksen: rgb(147, 197, 253);
  }
}

/* Override manual — menang melalui kedekatan inheritance */
[data-tema="gelap"] {
  --latar: rgb(17, 24, 39);
  --teks: rgb(229, 231, 235);
  --aksen: rgb(147, 197, 253);
}

[data-tema="terang"] {
  --latar: rgb(255, 255, 255);
  --teks: rgb(15, 23, 42);
  --aksen: rgb(29, 78, 216);
}

.panel {
  background-color: var(--latar);
  color: var(--teks);
  border: 1px solid rgb(203, 213, 225);
  border-radius: 12px;
  padding: 16px;
}