@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
:root {
    --primary: #74792a;
    --secondary: #FFB300;
    --bg: #0f0205;
    --bg-card: #1f050a;
    --text: #fff1f2;
    --btn-bg: #548f24;
    --btn-text: #ffffff;
    --link-color: #e11d48;
    --nav-text: #fff1f2;
    --hero-text: #fff1f2;
    --radius: 12px;
    --font: 'Inter', sans-serif;
    --font-size: 16px;
    --font-weight: 400;
    --letter-spacing: 0px;
    --logo-height: 32px;
    --hero-bg: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('http://localhost/fivemarket/public/uploads/tenants/gringa/hero_bg_1771545926.png');
    --success-color: #22c55e;
    --border-override: ;
}
body { 
    font-family: var(--font) !important; 
    font-size: var(--font-size) !important;
    font-weight: var(--font-weight) !important;
    letter-spacing: var(--letter-spacing) !important;
}
.hero { background: var(--hero-bg) no-repeat center 18% !important; background-size: cover !important; }
.hero-title, .hero-subtitle, .hero h1, .hero p { color: var(--hero-text) !important; }

/* Dynamic Price Color based on theme success/price color */
.price-val, .plan-price .price-val, .product-card span, .product-price, .price-value { 
    color: var(--success-color) !important; 
}

/* Force visibility for buttons and badges */
.btn-primary, .btn-buy, .adm-btn-primary {
    background-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
    border-color: var(--btn-bg) !important;
}

.featured-badge {
    background-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
}

.product-category { color: var(--primary) !important; font-weight: 800 !important; }
.product-name { color: var(--text) !important; }
.product-desc { color: var(--text) !important; opacity: 0.8; }
.cat-link.active { background: var(--primary) !important; color: var(--btn-text) !important; font-weight: 800 !important; }