@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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html {
    font-size: 16px;
}
:root {
    --white: #fff;
    --black: #202020;
    --subwhite: #fbfbfb;
    --primary: #4a75a0;
    --secondary: #98CAFB;
    --accent: #409e8a;
    --gray: #636363;
    --lightgray: #e0e0e0;
    --error: #D86346;
    --sidebar: #e7e7e7;

    --product-stock-alert-background: #f9dad1;
    --product-stock-alert-border: var(--error);
    --product-stock-warn-background: #fff2dc;
    --product-stock-warn-border: orange;

    --dashbord-best-seller-bg: #e6f7da;
    --dashbord-stock-alert-bg: #fceae5;
    --dashbord-recent-sales-bg: #e5edfc;

    --font: "Montserrat", serif;
}
body {
    overflow-x: hidden;
}
* {
    color: var(--black);
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    text-decoration: none;
    
    font-family: var(--font);
    font-optical-sizing: auto;
    font-style: normal;
}