@font-face {
    font-family: 'Coffee with Sugar';
    src: local('Coffee with Sugar'), url('fonts/coffee-with-sugar.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,
body,
body *:not(svg):not(svg *),
input,
textarea,
button,
select,
option {
    font-family: 'Coffee with Sugar', cursive !important;
    font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.brand-top,
.brand strong,
.brand-bottom,
.section-title,
.products-section-title span,
.category-chip,
.subcategory-card-title,
.subcategory-card-count,
.product-group-heading,
.product-name,
.product-price-badge,
.product-price-label,
.product-price-value,
.product-cart-button,
.nav-links a,
.nav-user,
.nav-user *,
.site-header button,
.drawer-panel a,
.drawer-panel button {
    font-weight: 500 !important;
}

:root {
    --saban-price-color: #56763d;
    --saban-price-color-strong: #425f2d;
    --saban-price-soft: rgba(86, 118, 61, 0.10);
    --saban-price-border: rgba(86, 118, 61, 0.22);
}

.product-price-badge {
    background: linear-gradient(180deg, #f4f8ef 0%, #e5edd8 100%) !important;
    border-color: var(--saban-price-border) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 2px 6px rgba(86, 118, 61, 0.10) !important;
}

.product-price-label {
    color: #6e7e61 !important;
}

.product-price-value,
.header-search-product-price,
.cart-item-price,
.product-detail-box strong,
.price-input-wrap span,
.price-state.is-dirty,
.money,
.order-meta-item strong {
    color: var(--saban-price-color-strong) !important;
}
