/* --- IMPORTS --- */
/*Variables*/
@import url("./variables/colors.css");
/*Layout*/
@import url("./layout/header.css");
@import url("./layout/sidebar.css");
@import url("./layout/main.css");
@import url("./cart/cart.css");
/*Components*/
@import url("./components/modal.css");
@import url("./components/modal_close.css");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");

/* --- RESET & BASE --- */
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

body {
     font-family: "Source Sans 3", sans-serif;
     background-color: var(--bg-body);
     color: var(--text-main);
     line-height: 1.6;
     overflow-x: hidden;
     overflow-y: hidden;
}

/* Scrollbar Personalizada */
::-webkit-scrollbar {
     width: 8px;
}
::-webkit-scrollbar-thumb {
     background: var(--color-red-vivid);
     border-radius: 10px;
     border: 2px solid var(--bg-body);
}