/* BASE STYLES
------------------------------------------------------------------------*/
@import url('base/normalize.v4.css');
@import url('base/utilities.css');
@import url('base/structure.v2.css');
@import url('base/typography.v3.css');
@import url('base/forms.css?v=cd85f8d1-6797-438e-80d1-a083505de9b7');
@import url('base/button.css');
@import url('base/pill.css');
@import url('base/legal.css');

/* COMPONENTS
------------------------------------------------------------------------*/
@import url('components/nav.css');
@import url('components/carousel.css');
@import url('components/policies.min.css');
@import url('components/pop-locations.css');
@import url('components/nutrition.css');

/* FONTS
------------------------------------------------------------------------*/
@font-face {
    font-family: "Spatchers";
    src: url("../assets/fonts/spatchers.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "Bananas-SemiBoldCondensed";
    src: url("../assets/fonts/bananas-semiboldcondensed.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

/* VARIABLES
------------------------------------------------------------------------*/
:root {
    --bomb-display: "Spatchers";
    --bomb-display-normalcase: "Bananas-SemiBoldCondensed";
    --bomb-sans-serif: "Montserrat";
    --bomb-red: #fd0e24;
    --bomb-red-light: #FD8591;
    --bomb-red-focus: #fff2f3;
    --bomb-red-dark: #d60c1d;
    --bomb-blue: #0060E1;
    --bomb-blue-dark: #0050b2;
    --bomb-blue-light: #9EDAFD;
    --bomb-blue-label: #93BBF3;
    --bomb-blue-focus: #E5EFFC;
    --bomb-yellow: #fffa5f;
    --bomb-pink: #feb0e8;
    --bomb-orange: #f6931d;
    --bomb-beige: #e4b374;
    --bomb-gray: #3d3d3d;
    --product-details-background: none;
    --product-details-background-mobile: none;
}