/* Style override — copia il look */
/* Extracted from: https://www.djangoproject.com */
:root {
    --primary: rgb(32, 170, 118);
    --primary-dark: rgb(32, 170, 118);
    --primary-light: rgb(32, 170, 118);
    --primary-glow: rgba(32, 170, 118, 0.15);
    --shadow-primary: 0 8px 32px rgba(32, 170, 118, 0.15);
    --text: rgb(12, 60, 38);
    --bg: rgb(248, 248, 248);
    --bg-dark: rgb(68, 183, 139);
}
body { font-family: Roboto, Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif; }

/* Navbar — override vetrina defaults */
.navbar, .navbar.scrolled { background: rgb(12, 75, 51) !important; backdrop-filter: none !important; border-bottom: none !important; }
.navbar-brand, .navbar.scrolled .navbar-brand { color: #fff !important; }
.nav-links a, .navbar.scrolled .nav-links a { font-size: 40px !important; font-weight: 700 !important; border-radius: 0 !important; padding: 0.5rem 0.4rem !important; text-decoration: none !important; color: rgb(255, 255, 255) !important; }
.nav-links a:hover, .navbar.scrolled .nav-links a:hover { background: transparent !important; border-radius: 0 !important; }

/* Footer — override .site-footer selectors */
.footer, .site-footer { background: rgb(68, 183, 139) !important; }
.footer, .site-footer { color: rgb(12, 60, 38) !important; }
.footer a, .site-footer a, .footer-bottom a { color: rgb(241, 255, 247) !important; }
.footer a, .site-footer a { text-decoration: none !important; }
.footer h3, .footer h4, .site-footer h4, .footer-brand h3 { color: rgb(241, 255, 247) !important; }
.footer h3, .footer h4, .site-footer h4, .footer-brand h3 { font-weight: 700 !important; }
.footer h3, .footer h4, .site-footer h4, .footer-brand h3 { font-size: 16px !important; }
.footer a:hover, .site-footer a:hover, .footer-bottom a:hover { text-decoration: underline !important; }

/* Hero */
.hero { background: rgb(12, 75, 51) !important; }
.hero, .hero h1, .hero p, .hero .hero-subtitle { color: #fff !important; }

/* Buttons — complete override */
.btn, .btn-primary, .btn-outline, .hero .btn, .hero .btn-primary, .hero .btn-outline, .cta-section .btn-primary { background: rgb(68, 183, 139) !important; color: rgb(255, 255, 255) !important; border-radius: 5px !important; border: 2px solid rgb(68, 183, 139) !important; font-size: 18px !important; font-weight: 700 !important; padding: 18px 50px 19.8px !important; text-transform: none !important; letter-spacing: -1px !important; box-shadow: none !important; }
.btn:hover, .btn-primary:hover, .btn-outline:hover, .hero .btn:hover, .hero .btn-primary:hover, .hero .btn-outline:hover, .cta-section .btn-primary:hover { transform: none !important; box-shadow: none !important; }

/* Dark theme — full dark override */
:root { --bg: rgb(12, 75, 51); --bg-alt: rgb(12, 75, 51); --text: #fff; --text-light: rgba(255,255,255,0.7); --text-muted: rgba(255,255,255,0.5); }
body { color: #fff !important; }
h1, h2, h3, h4, h5, h6 { color: #fff !important; }
p, li, span, td, th, label { color: rgba(255,255,255,0.9) !important; }
.hero-subtitle, .hero p, .section-subtitle { color: rgba(255,255,255,0.7) !important; }
.features, .about, .testimonials, .pricing, .contact, .cta-section { background: rgb(12, 75, 51) !important; }
.feature-card, .card { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important; color: #fff !important; }
:root { --border: rgba(255,255,255,0.1); --border-light: rgba(255,255,255,0.05); }
input, textarea, select { background: rgba(255,255,255,0.1) !important; color: #fff !important; border-color: rgba(255,255,255,0.2) !important; }