: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: #D8D8D8;
    --color--white: #FFFFFF;

    --font--mulish-regular: "Mulish Regular", Arial, sans-serif;
    --font--mulish-bold: "Mulish Bold", Arial, sans-serif;
    --font--mulish-extrabold: "Mulish ExtraBold", Arial, sans-serif;

    --font--small: 0.75rem; /* 12px */
    --font--normal: 1rem; /* 16px */
    --font--medium-min: 1.125rem; /* 18px */
    --font--medium: 1.25rem; /* 20px */
    --font--medium-max: 1.333rem; /* 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--super: 5rem; /* 80 */

    --transition--main: all 350ms;

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

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