/*
    Theme Name: Sierpe Mangrove Tour
    Theme URI: https://sierpemangrovetour.com
    Description: Theme created with love.
    Version: 0.0.1
    Author: Alonso Artavia and Fernando Mora
    Author URI: https://sierpemangrovetour.com
    Tags: Blog, Portfolio
    Text Domain: sierpemangrovetour.com
    Requires PHP: 8.0
*/

/*Variables*/
/* fonts */
@font-face {
    font-family: 'regular';
    src: url(./fonts/BricolageGrotesque-Regular.ttf);
}
@font-face {
    font-family: 'bold';
    src: url(./fonts/BricolageGrotesque-Bold.ttf);
}


:root {
    --primary-color: #007BFF;
    --secondary-color: #6C757D;
    --background-color: #F8F9FA;
    --font-family: 'Roboto', sans-serif;
    --font-primary: 'regular', sans-serif;
    --font-size-base: 16px;
    --spacing-unit: 8px;
    --green: #00894b;
    --light-green: #009e5c;
    --green-hover: #ffc651;
    --white: #fff;
    --black: #212121; 
    --gray: #6A737D;
    --white_variation: #F2F4F7;
}

/* Import Styles */
/* Global Styles */
@import url(./style/global/reset.css);

/*Components*/
@import url(./style/components/nav.css);
@import url(./style/components/footer.css);

/*Pages*/
@import url(./style/pages/home.css);
@import url(./style/pages/tours.css);
@import url(./style/pages/about.css);
@import url(./style/pages/contact.css);
@import url(./style/pages/product.css);
@import url(./style/pages/cart.css);
@import url(./style/pages/checkout.css);
@import url(./style/pages/my-account.css);
@import url(./style/responsive.css);