:root{
    --color--black: #000000;
    --color--black-op: #00000030;
    --color--pink: #FF0090;
	--color--orange: #F38478;
    --color--bluelight: #5D6AE8;
    --color--gray: #F5F5F5;
    --color--gray-dark: #707070;
    --color--darkgray: #A2A3AA;
    --color--lightgray: #E0E0E0;
    --color--white: #FFFFFF;

    --font--small: 0.75rem; /* 12px */
    --font--normal: 1rem; /* 16px */
    --font--medium-min: 1.125rem; /* 18px */
    --font--medium: 1.25rem; /* 20px */
    --font--medium-max: 1.5rem; /* 24px */
    --font--big-min: 1.666rem; /* 30px */
    --font--big: 2rem; /* 32px */
    --font--large: 2.5rem; /* 40px */
    --font--extra: 3rem; /* 48px */
    --font--imposible: 3.5rem; /* 56px */
    --font--mulish-reviews: 3.5rem; /* 56px */
    --font--h1: 4rem; /* 64px */
    --font--super: 5rem; /* 80 */

    --transition--main: all 350ms;

    --min-size: 2px;
    --max-size: 20px;

    --padding-1: 8px;
    --padding-2: 12px;
    --padding-3: 16px;
    --padding-4: 24px;
    --padding-5: 40px;
}

@media screen and (max-width: 1024px){
   :root{
       --font--super: 3.125rem; /* 50 */
   }
}