:root {
    /* Background of the whole page */
    --background-fallback: #550079;
    --background-gradient: linear-gradient(180deg, #ffc5d3 50%, #8AFFE4 100%);
    --pattern: url("./resources/images/pexels-photo-844297.jpeg");
    /* Background of the floating box with words in it */
    --main-box: rgba(254, 243, 243, 0.8);
    /* Used to lighten/darken boxes */
    --overlay-color: rgba(255,255,255,0.3);
    /* Text color */
    --text: black;
    /* Accent color: borders, mostly */
    --accent: #470034;
    /* 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, #A30080 0%, #000001 100%);
        --pattern: url("./resources/images/pexels-photo-844297.jpeg");
        /* 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);
    /* Accent color: borders, mostly */
    --accent: #FFB8DF;
    /*link */
        a:link {color: #FFB8DF;}
        a:visited {color: #D10069}
    }
}