body {
    --header-height: 115px;
    --header-height-small: 85px;
    --soltech-gradient-angle: 31.21deg;
    --soltech-gradient-first: #A00060;
    --soltech-gradient-second: #2D1460;
    --soltech-gradient: linear-gradient(var(--soltech-gradient-angle), var(--soltech-gradient-first) 0%, var(--soltech-gradient-second) 100%);
    --soltech-gradient--footer: linear-gradient(45deg, #2D1461 0%, #9C0160 100%);

    --margin-top: 24px;

    /*
        Colors
    */
    --soltech-color--bright-beige: #fff9f3;
    --soltech-color--light-beige: #FEEFE0;
    --soltech-color--violet: #301760;
    --soltech-color--dark-violet: #28284F;
    --soltech-color--raspberry: #A00060;
    --soltech-color--purple: #75006D;
    --soltech-color--ivory: #FFC68E;
    --soltech-color--orange: #FFA33A;
    --soltech-color--error: #FF0232;

    /*
        Fonts
    */
    --soltech-font--main: 'Roboto', sans-serif;
    --soltech-font--secondary: 'Space Mono', sans-serif;

    /*
        Font sizes
    */
    --soltech-font-size--headline-h1: 3.38rem;
    --soltech-font-size--headline-h2: 2.5rem;
    --soltech-font-size--headline-h3: 2rem;
    --soltech-font-size--headline-h4: 1.5rem;

    /*
        Spacing
     */
    --spacing-xs: 0.5rem;   /* 8px */
    --spacing-sm: 0.75rem;  /* 12px */
    --spacing-md: 1rem;     /* 16px */
    --spacing-lg: 1.5rem;   /* 24px */
    --spacing-xl: 2rem;     /* 32px */
    --spacing-xxl: 3rem;    /* 48px */
}

/*
    MEDIA BREAKPOINTS:

    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1400px
*/