@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('global.css');
@import url('sections/header.css');
@import url('sections/main.css');
@import url('sections/footer.css');
@import url('responsive.css');

:root {

    --quicksand: "QuickSand", sans-serif;
    --raleway: "Raleway", sans-serif;

    --primary-Color: 0, 0, 0;
    --secondary-Color: 255, 255, 255;

    --brightOrange-Color: 255, 112, 67;
    --paleOrange-Color: 249, 209, 213; 
    --blueOcean-Color: 72, 170, 204;
    --coralPink-Color: 232, 148, 146;
    --salmon-Color: 255, 160, 122;

    --neutralGray-Color: 201, 201, 201;
    --brown-Color: 102, 102, 102;
    --blockBorder-Color: 255, 248, 245;

    --gradientColor: linear-gradient(180deg, #FFF6F1 0%, #FCF2F6 100%);
    --reversedGradientColor: linear-gradient(180deg, #FCF2F6, #FFF6F1 0% 100%);
    --clearBackground: 255, 251, 250;


    --headline-font-size: 50px;
    --headline-font-weight: 700;
    --headline-description-font-size: 18px;
    --headline-description-font-weight: 500;

    --headline-font-size-mobile: 36px;

    --mainline-font-size: 44px;
    --mainline-font-weight: 700;

    --maintitle-font-size: 30px;
    --maintitle-font-weight: 600;

    --maintitle-font-size-mobile: 20px;


    --body-font-size: 16;


}