:root {
    /* Fonts */
    --font-body: Arial, Helvetica, sans-serif; /* Default Font Family */
    --font-headings: Arial, Helvetica, sans-serif; /* Headings Font Family */
    --font-btns: Arial, Helvetica, sans-serif; /* Buttons Font Family */
    --text-color: #333; /* Default Font Color */
    --text-link: #009fad; /* Text Link Color */
    --text-muted: #6c757d; /* Muted Text Color */
    --text-light: #f1f1f1; /* Light Text Color */
    --text-dark: #000; /* Dark Text Color */
    /* Brand Colors */
    --primary: #009fad; /* Primary Color */
    --secondary: #67604c; /* 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: #009fad; /* Success Color */
    --warning: #ffc107; /* Warning Color */
    --error: #dc3545; /* Error Color */
    /* Navigation Colors */
    --top-nav: #009fad; /* Top Nav Background Color */
    --top-nav-text: #f0ead8; /* Top Nav Text Color */
    --top-nav-text-hover: #fff; /* Top Nav Text Hover Color */
    --header: #ffffff; /* Header Background Color */
    --header-text: #2d3e22; /* Header Text Color */
    --header-text-hover: #000; /* Header Hover Text Color */
    --main-nav: #000000; /* Main Nav Background Color */
    --main-nav-text: #333; /* Main Nav Text Color */
    --main-nav-hover: #009fad; /* Main Nav Text Hover Color */
    --main-nav-bg-hover: #d2c7ac; /* Main Nav Background Hover Color */
    --main-nav-dropdown: #67604c; /* Dropdown Background Color */
    --main-nav-dropdown-text: #f0ead8; /* Dropdown Text Color */
    --main-nav-dropdown-hover: #fff; /* Dropdown Hover Text Color */
    --acct-nav: #f4f0e6; /* Account Nav Background Color */
    --acct-nav-text: #2d3e22; /* Account Nav Text Color */
    --acct-nav-hover: #000; /* Account Nav Hover Text Color */
    --cart-bubble-color: #8ab474; /* Cart Qty Background Color */
    /* Footer Colors */
    --footer: #2d3e22; /* Footer Background Color */
    --footer-text: #f0ead8; /* Footer Text Color */
    --footer-hover: #fff; /* Footer Text Hover */
    --bottom-footer: #000; /* Bottom Footer Background */
    --bottom-footer-text: #f4f0e6; /* Bottom Footer Text */
    /* Button Colors */
    --primary-btn: #009fad; /* Primary Button Color */
    --primary-btn-text: #fff; /* Primary Button Text Color */
    --primary-btn-hover: #02ABBA; /* Primary Button Hover Color */
    --secondary-btn: #fff; /* Secondary Button Color */
    --secondary-btn-text: #333; /* Secondary Button Text Color */
    --secondary-btn-hover: #f2f2f2; /* Secondary Button Hover Color */
}
