:root {
    color-scheme: dark;
    /* Colors */
    --cyan: #00FFFE;
    --magenta: #FF00F2;
    --purple: #9E3EFF;
    --yellow: #FFD800;

    --dim-color: #ACACAC;
    --dimmer-color: #707070;
    --background-color: black;
    --border-color: var(--text-color);
    --text-color: white;
    /* Borders */
    --border-radius: 5px;
    /* Icons and images */
    --chromatic-gradient: linear-gradient(
        to right, var(--purple), var(--cyan)
    );
    --wave-pattern: url("../img/wave.svg");
    /* Fonts */
    --base-font-size: 14px;
}