:root {
    --background: #f4e2d6;
    --primary: maroon;
    --accent: darkorange;
    --borders: #d2d2d2;
    --text: #222;
    --links: rgb(200, 75, 0);

    --background-image: "";
    --main-font: Roboto, Helvetica, sans-serif;

    --table-bg: #f5ecec;
    --table-head-bg: var(--borders);
    --table-head-bottom: #bbb;
}

/* Dark mode */
[data-theme="dark"] {
    --background: #1a1a1a;
    --primary: #cc6666;
    --accent: #f0a500;
    --borders: #444;
    --text: #e0e0e0;
    --links: #ff8c42;
    --background-image: "";
    --table-bg: #2a2a2a;
    --table-head-bg: #333;
    --table-head-bottom: #555;
}

/* Auto dark mode based on system preference
@media (prefers-color-scheme: dark) {
    :root {
        --background: #1a1a1a;
        --primary: #cc6666;
        --accent: #f0a500;
        --borders: #444;
        --text: #e0e0e0;
        --links: #ff8c42;
        --table-bg: #2a2a2a;
        --table-head-bg: #333;
        --table-head-bottom: #555;
    }
} */