/* Move this file to public/styles/global.css for production builds. */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('/styles/tabler-icons-filled.min.css');
@import url('/styles/tabler-icons-outline.min.css');

* {
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: var(--color-light-neutral);
    font-family: 'Roboto', sans-serif;
    scrollbar-width: none;
}

:root {
    --color-primary: #98a45a;
    --color-primary-hover: #a0b16c;
    --color-secondary: #212540; 
    --color-secondary-hover: #353963;      
    --color-light-neutral: #e0e2e1;
    --color-lighter-neutral: #f5f5f5;
    --header-height: 90px;
}