/* -------------------------------------------------------------------------- */

:root {

    /* breakboints */
    --breakpoint-xs: 320px;
    --breakpoint-sm: 480px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;

    --margin: 20px;
    --spot-color: hsl(35, 100%, 50%);
    --link-color: hsl(210, 100%, 60%);
    --link-color-hover: hsl(210, 100%, 40%);
    --border-radius: 8px;

    --header-height: 50px;

}

/* -------------------------------------------------------------------------- */