:root {
    /* system colors */
    --error: #F44;
    --exit: #F444;
    --warning: #B80;
    --caution: #B804;
    /* background */
    --background: #EEE;
    --bg-hl-75: #EEEC;
    --bg-hl-50: #EEE8;
    --bg-hl-25: #EEE2;
    /* theme */
    --primary: #088;
    --primary-hl-75: #088C;
    --primary-hl-50: #0888;
    --primary-hl-25: #0882;
    --text: #011;
    --text-hl-75: #011C;
    --text-hl-50: #0118;
    --text-hl-25: #0112;
    --text-hl-12: #0111;
    /* values */
    --normal: 300;
    --bold: 400;
    --ani-speed: 300ms;
    --xl: 4em;
    --l: 3em;
    --m: 2em;
    --s: 1em;
    --s50: 1.5em;
    --td-max: 16em;
    --td-min: 8em;
    --td-pad: 0.5em;
    --fab-gap: 3em;
    --filter-w: 26em;
    --filter-w-n: -26em;
    --menu-w: 13em;
    --menu-w-n: -13em;
    --blur: 3px;
    --thin: 1px;
    --wide: 2px;
    --wider: 4px;
    --radius: 0.1em;
}