:root {
  --bg: #f7f7fb;
  --card: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: #e5e7eb;
  --indigo: #4f46e5;
  --indigo-700: #4338ca;
  --red: #ef4444;
  --yellow: #f59e0b;
  --green: #22c55e;
}

.theme-unoplay {
  --bg: #232359;
  --appbar: #18183d;
  --card: #2a2a66;

  --primary: #dc2a2a;
  --primary-light: #ff6b6b;
  --primary-dark: #b32020;
  --primary-contrast: #fff6f6;

  --secondary: #3a3a8b;
  --secondary-light: #6b6bce;
  --secondary-dark: #2a2a6b;
  --secondary-contrast: #ffffff;

  --text: #f1f2ff;
  --muted: #c9cef6;
  --border: rgba(255, 255, 255, 0.1);

  --red: #ff5c5c;
  --yellow: #ffa534;
  --green: #2ecc71;
}

.theme-mt {
  /* Palet utama (dari MUI) */
  --bg: #181a20; /* background.default */
  --appbar: #1c1c1c; /* cocok untuk header/appbar */
  --card: #1d2329; /* background.paper */

  --primary: #f0b90c; /* primary.main */
  --primary-light: #ffd24d; /* perkiraan light */
  --primary-dark: #c69509; /* perkiraan dark */
  --primary-contrast: #0d0d0d;

  --secondary: #1c1c1c; /* secondary.main */
  --secondary-light: #2a2a2a;
  --secondary-dark: #121212;
  --secondary-contrast: #ffffff;

  /* Teks & garis */
  --text: #eaecef; /* teks utama di dark bg */
  --muted: #9ba3af; /* teks sekunder */
  --border: rgba(255, 255, 255, 0.08);

  /* Status (disesuaikan gaya dark/crypto) */
  --red: #f6465d; /* error/danger */
  --yellow: #f0b90c; /* warning/brand */
  --green: #0ecb81; /* success */
}