/* Color scheme. */

:root {
    /* naturally */
    --liquidex-brand-blue: #058ef0;
    /* but also: */
    --liquidex-brand-red: #eb134a;
    --liquidex-brand-yellow: #ffc31f;
    --liquidex-brand-green: #06ca4a;

    --text-color-light: #55423e;
    --link-color-light: #004ec8;
    --link-color-visited-light: #6c2380;

    --background-color: rgb(255, 253, 246);
    --background-color-tooltip: rgb(226, 223, 214);
    --text-color: #55423e;
    --link-color: #004ec8;
    --link-color-visited: #6c2380;

    --shaded-background: rgba(0, 0, 0, 5%);
    --border-1: rgba(0, 0, 0, 15%);
    --border-2: rgba(0, 0, 0, 30%);
    --hover: rgba(0, 0, 0, 15%);
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: rgb(30, 40, 53);
        --background-color-tooltip: rgb(23, 31, 41);
        --text-color: #d7cdbf;
        --link-color: #93cce8;
        --link-color-visited: #f7afde;

        --shaded-background: #f7e5df0c;
        --border-0: #f7e5df1a;
        --border-1: #f7e5df26;
        --border-1-and-a-half: #f7e5df3a;
        --border-2: #f7e5df4d;
    }
}

/* Reset things to more sensible sizing rules */

* {
    box-sizing: border-box;
}