@fontface {
    font-family: 'Big Noodle Titling';
    src: url('/ecommerce/site/themes/fonts/big_noodle_titling.woff');
    src: url('/ecommerce/site/themes/fonts/big_noodle_titling.eot');
    src: url('/ecommerce/site/themes/fonts/big_noodle_titling.eot?#iefix') format('embedded-opentype'),
         url('/ecommerce/site/themes/fonts/big_noodle_titling.woff') format('woff'),
         url('/ecommerce/site/themes/fonts/big_noodle_titling.ttf') format('truetype'),
}

:root {
    /* Fonts */
    --font-body: Verdana, Helvetica, Arial, Lucida, sans-serif; /* Deafult Font Family */
    --font-headings: 'Big Noodle Titling', Arial; /* Headings Font Family  */
    --font-btns: Verdana, Helvetica, Arial, Lucida, sans-serif; /* Buttons Font Family */
    --text-color: #2d2d2d; /* Default Font Color */
    --text-link: #7a1600; /* Text Link Color */
    --text-muted: #6c757d; /* Muted Text Color */
    --text-light: #f1f1f1; /* Light Text Color */
    --text-dark: #333; /* Dark Text Color */

    /* Brand Colors */
    --primary: #711704; /* Primary Color */
    --secondary: #007262; /* Secondary Color */
    --black: #000; /* Black Color */
    --white: #fff; /* White Color */
    --dark-gray: #6c757d; /* Dark Gray Color */
    --gray: #d1d1d1; /* Gray Color */
    --light-gray: #f1f1f1; /* Light Gray Color */
    --success: #28a745; /* Success Color */
    --warning: #ffc107; /* Warning Color */
    --error: #dc3545; /* Error Color */

    /* Navigation Colors */
    --top-nav: #7a1600; /* Top Nav Background Color */
    --top-nav-text: var(--text-light); /* Top Nav Text Color */
    --main-nav: var(--gray); /* Main Nav Background Color */
    --main-nav-text: var(--text-dark); /* Main Nav Text Color */
    --main-nav-hover: var(--primary); /* Main Nav Hover Background Color */
    --main-nav-dropdown: var(--dark-gray); /* Dropdown Background Color */
    --main-nav-dropdown-text: var(--text-light); /* Dropdown Text Color */
    --main-nav-dropdown-hover: var(--black); /* Dropdown Hover Text Color */
    --cart-bubble-color: var(--secondary); /* Cart Qty Background Color */

    /* Footer Colors */
    --footer: #711704; /* Footer Background Color */
    --footer-text: var(--text-light); /* Footer Text Color */
    --footer-hover: var(--text-light); /* Footer Text Hover */
    --bottom-footer: #6a1300; /* Bottom Footer Background  */
    --bottom-footer-text: var(--text-light); /* Bottom Footer Text */
    
    /* Button Colors */
    --primary-btn: #007262; /* Primary Button Color */
    --primary-btn-text: var(--text-light); /* Primary Button Text Color */
    --primary-btn-hover: #015d50; /* Primary Button Hover Color */
    --secondary-btn: var(--gray); /* Secondary Button Color */
    --secondary-btn-text: var(--text-dark); /* Secondary Button Text Color */
    --secondary-btn-hover: #b5b5b5; /* Secondary Button Hover Color */
}