:root {
    --background: #f7f7fb;
    --surface: #ffffff;
    --text: #17151d;
    --text-muted: #6f6a78;
    --accent: #9b5cff;
    --border: #dedbe5;
}

[data-theme="dark"] {
    --background: #0b0b12;
    --surface: #12121b;
    --text: #ffffff;
    --text-muted: #aaa6b3;
    --accent: #b46cff;
    --border: #292735;
}

body {
    margin: 0;

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

    font-family: Arial, Helvetica, sans-serif;
}