@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');

/* ========================================
   BASE STYLES
   ======================================== */
@import url('base/variables.css');
@import url('base/forms.css');

/* ========================================
   COMPONENTS
   ======================================== */
@import url('components/back-to-top.css');
@import url('components/badge.css');
@import url('components/bottom-navigation.css');
@import url('components/button.css');
@import url('components/card.css');
@import url('components/elementor-overrides.css');
@import url('components/form-elements.css');
@import url('components/header.css');
@import url('components/product-price.css');
@import url('components/social-auth.css');
@import url('components/sweetalert2.css');

/* ========================================
   LAYOUTS
   ======================================== */
@import url('layouts/form-page-layout.css');
@import url('layouts/form-with-sidebar-layout.css');
@import url('layouts/list-page-layout.css');

/* ========================================
   SHORTCODES
   ======================================== */
@import url('shortcodes/featured-buyers.css');
@import url('shortcodes/most-popular.css');
@import url('shortcodes/premium-suppliers.css');
@import url('shortcodes/product-categories.css');
@import url('shortcodes/search-bar.css');
@import url('shortcodes/vina-button.css');

/* ========================================
   GLOBAL STYLES
   ======================================== */
* {
   font-family: 'Roboto', sans-serif;
   box-sizing: border-box;
}

body {
   margin: 0;
   padding: 0;
   color: var(--color-text-primary);
   background-color: var(--bg-white);
   line-height: var(--line-height-normal);
}