body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
}

a {
    color: var(--accent-color);
}

[data-theme=default] {
    color-scheme: dark;
    --bg-color: black;
    --body-color: black;
    --off-color: rgb(32, 32, 32);
    --text-color: white;
    --accent-color: rgb(199, 171, 250);
  }
  
  [data-theme=light] {
    color-scheme: light;
    --bg-color: rgb(255, 255, 255);
    --body-color: rgb(255, 255, 255);
    --off-color: rgb(243, 243, 243);
    --text-color: rgb(0, 0, 0);
    --accent-color: rgb(115, 108, 214);
  }
  [data-theme=light] * {
    cursor: url("../images/mouse_frame_1.png"), auto;
  }