:root {
    /* --color--*/
    --backgroundGrey: #FAFAFA;
    --buttonGrey: #F5F5F5;
    --textGrey: #595959;
    --white: #FFF;
    --red: #FF6358;
    --blue: #1274AC;
    --black: #000000;
    --lighRed: #FFF0EF;
    --darkRed: #DC5147;
    --green: #11B992;
    /* --icon size-*/
    --iconSmall: 18px;
    --iconMedium: 22px;
    --iconLarge: 24px;
    --iconExtraLarge: 36px;
    --iconLargest: 50px;
    /*---boder----*/
    --greyBorder: 1px solid #EBEBEB;
    /* ---padding---*/
    --spaceSm: 10px;
    --spaceMd: 15px;
    --spaceLg: 20px;
    /* --general (font/padding/margin) ---*/
    --fontExtraLarge: 36px;
    --font24: 24px;
    --extraLarge: 20px;
    --large: 18px;
    --medium: 16px;
    --small: 14px;
    --extraSmall: 12px;
    --smallest: 10px;
}