@import url('/assets/fonts/inter/inter.css');

:root {
    --font-title: 'Inter', 'Inter', system-ui, sans-serif;
    --color-title: #111827;
    --font-description: 'Inter', 'Inter', system-ui, sans-serif;
    --color-description: #4b5563;
    --font-price: 'Inter', 'Inter', system-ui, sans-serif;
    --color-price: #dc2626;
    --font-button: 'Inter', 'Inter', system-ui, sans-serif;
    --color-button: #ffffff;
    --bg-button: #1eff00;
    --border-button: #3b82f6;
    --font-cta: 'Inter', 'Inter', system-ui, sans-serif;
    --color-cta: #ffffff;
    --bg-cta: #111827;
    --border-cta: #111827;
}

.product-card__name, .product-card__name * { font-family: var(--font-title) !important; color: var(--color-title) !important; }
.product-card__price-row .product-card__price, .product-card__price, .product-card__price-sale { font-family: var(--font-price) !important; color: var(--color-price) !important; }
.product-card__desc, .product-card__description { font-family: var(--font-description) !important; color: var(--color-description) !important; }
.hero-desktop__title { font-family: var(--font-title) !important; }
.hero-desktop__subtitle { font-family: var(--font-description) !important; }

.product-card__action-btn, .product-card__add-btn, .btn-primary {
    font-family: var(--font-button) !important;
    color: var(--color-button) !important;
    background: var(--bg-button) !important;
    border-color: var(--border-button) !important;
}
.hero-desktop__cta {
    font-family: var(--font-cta) !important;
    color: var(--color-cta) !important;
    background: var(--bg-cta) !important;
    border-color: var(--border-cta) !important;
}