:root {
    color-scheme: dark;
    /* Colors */
    --abyss-light: #021C2D;
    --abyss: #031016;
    --cyan: #00FFFE;
    --magenta: #FF00F2;
    --purple: #9E3EFF;
    --yellow: #FFD800;
    --white: white;

    --dim-color: #909EA7;
    --dimmer-color: #798994;
    --background-color: var(--abyss);
    --border-color: silver;
    --text-color: var(--white);
    /* Borders */
    --border-radius: 5px;
    /* Icons and images */
    --chromatic-gradient: linear-gradient(
        to right, var(--purple), var(--cyan)
    );
    --wave-pattern-tall: url("../img/waves-gradient-tall.svg");
    --wave-pattern-short: url("../img/waves-gradient-short.svg");
    /* Fonts */
    --base-font-size: 14px;
    /* Size */
    --omnibar-height: 50px;
    --sheet-width: 900px;
}