/* ============================================================
   FROVENZA — Dynamic Theme (generated by theme.php)
   Overrides :root variables set in style.css
   ============================================================ */
:root {
    --bg-primary:    #000000;
    --bg-secondary:  #0d0d0d;
    --bg-card:       #141414;
    --bg-card-hover: #1c1c1c;
    --border:        rgba(255, 0, 0, 0.18);
    --border-hover:  rgba(255, 0, 0, 0.45);
    --accent:        #ff0000;
    --accent-dark:   #ff0000;
    --accent-light:  #ff0000;
    --text-primary:  #ffffff;
    --text-secondary:#888888;
    --text-muted:    #555555;
    --gradient:      linear-gradient(135deg, #ff0000 0%, #ff0000 100%);
    --gradient-warm: linear-gradient(135deg, #ff0000 0%, #ff0000 50%, #ff0000 100%);
    --shadow-hover:  0 8px 48px rgba(255, 0, 0, 0.25);
    --font:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Navbar scrolled background uses bg-primary rgb */
.navbar.scrolled {
    background: rgba(0, 0, 0, 0.95);
}

/* Mobile nav overlay background */
.mobile-nav {
    background: rgba(0, 0, 0, 0.98);
}

/* Hero background radial */
.hero-bg {
    background:
        radial-gradient(ellipse at 70% 50%, rgba(255, 0, 0, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 10% 80%, rgba(255, 0, 0, 0.04) 0%, transparent 50%),
        var(--bg-primary);
}

/* Hero grid line overlay */
.hero-bg::before {
    background-image:
        linear-gradient(rgba(255, 0, 0, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 0, 0, 0.03) 1px, transparent 1px);
}

/* Page hero gradient */
.page-hero {
    background: radial-gradient(ellipse at 50% 0%, rgba(255, 0, 0, 0.07) 0%, transparent 60%);
}

/* CTA banner gradient */
.cta-banner {
    background: linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.08) 100%);
}

/* Product image wrap background */
.product-image-wrap {
    background: rgba(255, 0, 0, 0.04);
}