:root {
    /* color presets */
    --vanilla:   rgb(255, 230, 186);
    --peach:     rgb(233, 181, 136);
    --vermilion: rgb(236, 80,  61 );
    --glacier:   rgb(212, 218, 247);
    --strawberry:rgb(231, 59,  59 );
    --teal:      rgb(50, 150, 140);
    --specu:     rgb(255, 132, 83);
    --batman:    rgb(39, 34, 46);
    --moss:      rgb(108, 128, 26);
    --army:      rgb(90, 108, 53);
    --royal:     rgb(36, 39, 55);
    --smbh:      rgb(20, 19, 23);
    --white:     rgb(250, 253, 255);
    --theme: var(--glacier);
    /* --theme: rgb(116, 38, 168); */


    --options: 86.0dvh;
    --belt: 70.0dvh;
    --gutter: clamp( 275px, 85dvw, 1280px );

    transition: var(--theme) 200ms ease-in-out;
}