@import url('https://fonts.googleapis.com/css2?family=Arima:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
    --white: #FFFFFF;
    --onyx: #101010;
    --apricot: #FFEEC1;
    --bg-warm: #F7F3EC;
    --text-primary: #101010;
    --text-secondary: #3D3D3D;
    --accent-gold: #C98A00;
    --accent-honey: #F5B800;
    --border: #E8DDBB;
    --muted: #fefefe;
    
    --font-heading: 'Arima', serif;
    --font-body: 'Roboto', sans-serif;
}

/* Global Font Overrides */
body, html, button, input, select, textarea {
    font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Arima', serif !important;
}


.pr-outlined-button,
.pr-plus-minus-button {
    background-color: var(--bg-warm) !important;
}

#footer {
    background-color: var(--onyx) !important;
    color: var(--white) !important;
}

.three-col-footer__heading {
    color: inherit !important;
}

#sh-footer-git svg {
    color: var(--white) !important;
}

.vertical-soc-cont .sh-social-icon {
    background-color: var(--white) !important;
}

.vertical-soc-cont .sh-social-icon img {
    filter: invert(1);
}

.sh-home-page-prod-section .sh-solid-button:hover {
    background-color: var(--accent-gold);
}

.app-bar {
    background-color: var(--white) !important;
    color: var(--text-primary) !important;
}

.app-bar-main svg {
    color: var(--text-primary) !important;
}

.search-container:before {
    background-color: var(--text-primary) !important;
}

.search-field .search-input {
    color: var(--text-primary) !important;
}

.pr-plus-minus-button {
    background-color: var(--accent-honey) !important;
    color: var(--onyx) !important;
}

.badge {
    background-color: var(--accent-gold);
    color: var(--white) !important;
}

/* Mobile Bottom Navigation Styling */
.sh-bottom-nav-unselected,
.bottom-nav__buttons.sh-bottom-nav-unselected,
.sh-bottom-nav-unselected svg,
.sh-bottom-nav-unselected .MuiBottomNavigationAction-label {
    color: var(--accent-gold) !important;
}

.sh-bottom-nav-selected,
.bottom-nav__buttons.sh-bottom-nav-selected,
.sh-bottom-nav-selected svg,
.sh-bottom-nav-selected .MuiBottomNavigationAction-label,
.MuiBottomNavigationAction-root.Mui-selected,
.MuiBottomNavigationAction-root.Mui-selected svg,
.MuiBottomNavigationAction-root.Mui-selected .MuiBottomNavigationAction-label {
    color: var(--onyx) !important;
}