:root {
    /* palette */
    --pt-blue: #2167a8;
    --pt-brown: #895016;
    --pt-white: #ffffff;
    --pt-black: #000000;

    /* fonts */

    /* spacing */
    --sp-normal: 10px;
    --sp-xsmall: calc(var(--sp-normal) / 4);
    --sp-small: calc(var(--sp-normal) / 2);
    --sp-large: calc(var(--sp-normal) * 2);
    --sp-xlarge: calc(var(--sp-normal) * 4);
    --sp-xxlarge: calc(var(--sp-normal) * 8);
    --sp-58: 58.5px;
    --sp-250: 250px;
    --sp-350: 350px;
    --sp-750: 750px;
}