:root {
    /* Background of the whole page */
    --background-fallback: #550079;
    --background-gradient: linear-gradient(180deg, #091442 50%, #797d0a 100%);
    --pattern: url("./resources/images/leaves.webp");
    /* Background of the floating box with words in it */
    --main-box: rgba(226, 212, 184, 0.8);
    /* Used to lighten/darken boxes */
    --overlay-color: rgba(242, 241, 233, 0.3);
    /* Text color */
    --text: black;
    /* Accent color: borders, mostly */
    --accent: #804f00;
    --links: #603f09;
    /* The width of the box */
    --box-width: 65ch;
}

/* Adjustments for dark theme */
@media only screen and (prefers-color-scheme: dark) {
    :root {
        /* Background of the whole page */
        --background-fallback: #302a2a;
        --background-gradient: linear-gradient(180deg, #1b0027 0%, #000001 100%);
        --pattern: url("./resources/images/skulls.png");
        /* Background of the floating box with words in it */
        --main-box: rgb(34, 34, 34);
        /* Used to lighten/darken boxes */
        --overlay-color: rgba(0,0,0,0.3);
        /* Text color */
        --text: rgb(255, 255, 255);
        --links: #efe0c6;
    }
}