@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --font-roboto: 'Roboto', sans-serif;
    --font-inter: 'Inter', sans-serif;

    --footer-height: calc(24px + 1rem*2);

    --primary-dark-20: #804651;
    --primary-dark-10: #CC334F;
    --primary: #FF4062;
    --primary-light-10: #FF5372;
    --primary-light-20: #EC8698;

    --gray-dark-20: #707070;
    --gray-dark-10: #A3A3A3;
    --gray: #D5D5D5;
    --gray-light-10: #DADADA;
    --gray-light-20: #F3F3F3;
    
    --blue-dark-20: #127096;
    --blue-dark-10: #1F769C;
    --blue: #1B89B5;
    --blue-light-10: #1D93C1;
    --blue-light-20: #5CACCC;
}