[data-theme="dark"] {
  --bg: #1A1A1A;
  --text: #ffffff;
  --base-bg: #121212;
  --text-main: #ffffff;
  --accent-1: #1E9C91;
  --accent-2: #6ED3CF;
  --accent-3: #8850FF;
  --accent-4: #5B5B5B;
  --accent-5: #1A1A1A;
  --accent-6: #A0A4A8;
  --text-light: #A0A4A8;
  --accent-orange: #FF7A1A;
  --chart-blue: #205d96;
  --chart-orange: #ff8000;
  --chart-teal: #6ed3cf;
  --chart-purple: #8850ff;
  --chart-yellow: #f39c12;
  --chart-red: #f44336;
  --chart-darkred: #c00000;
  --chart-green: #1db954;
  --chart-grey: #969696;
  --chart-pink: #ff6384;

  background-color: var(--bg);
  color: var(--text);
}

[data-theme="light"] {
    --bg: #FAFFFF;
    --text: #111111;
    --base-bg: #FFFAFA;
    --text-main:#6e6e6e;
    --accent-1: #1E9C91;
    --accent-2: #6ED3CF;
    --accent-3: #8850FF;
    --accent-4: #d0d0d0;
    --accent-5: #FAFFFF;
    --accent-6: #555555;
    --text-light: #555555;
    --accent-orange: #FF7A1A;
    --chart-blue: #205d96;
    --chart-orange: #ff8000;
    --chart-teal: #6ed3cf;
    --chart-purple: #8850ff;
    --chart-yellow: #f39c12;
    --chart-red: #f44336;
    --chart-darkred: #c00000;
    --chart-green: #1db954;
    --chart-grey: #969696;
    --chart-pink: #ff6384;
    background-color: var(--bg);
    color: var(--text);
}

.card, .chart-card {
  background-color: var(--bg);
  color: var(--text);
}