/*
(xxl) Large desktop :               > 1441px
(xl) Large desktop ::after          1280px - 1440px
(lg) Desktop (larger-desktop) :     1025px - 1279px
(md) Tablet (portrait) & laptop :   769px - 1024px
(sm) Tablet (landscape) :           481px - 768px
(xs) Mobile :                       320px - 480px
*/

html {
    /*
    * Colours
    */
    --base-color-high:       #000E1F;
    --primary-color:         #5EA5F6;
    --secondary-color:       #FF9924;
    --secondary-color-alt:   #FFBC70;
    --base-bg:               #FFF5EB;
    --base-bg-alt:           #ffffff;

    /*
    * Spacing
    */
    --xxl:      1441px;
    --xl:       1280px;
    --lg:       1205px;
    --md:       769px;
    --sm:       481px;
    --xs:       320px;

    /*
    * Values for padding units
    */

    --padding-small:        25px;
    --padding-medium:       50px;
    --padding-high:         75px;
    --padding-veryhigh:     100px;

        @media (max-width: 769px) {
            --padding-small:        25px;
            --padding-medium:       32.5px;
            --padding-high:         50px;
            --padding-veryhigh:     6.25vw;
        }
}