:root {
  --accent: #7c54cd;
  --bg: #f9fafe;
  --blue: #0074c8;
  --border: #d0d0d9;
  --bright: #111117;
  --comment: #858590;
  --cyan: #00837e;
  --fg: #282830;
  --green: #008a23;
  --muted: #5a5a64;
  --on-accent: #f9fafe;
  --orange: #ac5700;
  --pink: #b93780;
  --purple: #7c54cd;
  --raised: #eaeaf0;
  --red: #c5353e;
  --selection: #e0e0e8;
  --surface: #f3f3f8;
  --yellow: #847100;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --accent: #a884ff;
    --bg: #0f0f19;
    --blue: #3fa3ff;
    --border: #383843;
    --bright: #f1f1f5;
    --comment: #70707b;
    --cyan: #00b6af;
    --fg: #d3d4d9;
    --green: #30bd44;
    --muted: #a3a4ac;
    --on-accent: #0f0f19;
    --orange: #ed7b00;
    --pink: #f45fb0;
    --purple: #a884ff;
    --raised: #1f1f2a;
    --red: #ff6266;
    --selection: #2b2b36;
    --surface: #161620;
    --yellow: #b79e00;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --accent: #a884ff;
  --bg: #0f0f19;
  --blue: #3fa3ff;
  --border: #383843;
  --bright: #f1f1f5;
  --comment: #70707b;
  --cyan: #00b6af;
  --fg: #d3d4d9;
  --green: #30bd44;
  --muted: #a3a4ac;
  --on-accent: #0f0f19;
  --orange: #ed7b00;
  --pink: #f45fb0;
  --purple: #a884ff;
  --raised: #1f1f2a;
  --red: #ff6266;
  --selection: #2b2b36;
  --surface: #161620;
  --yellow: #b79e00;
  color-scheme: dark;
}