/* ============================================ WAVE LIGHT - Light Theme Override Attivato tramite [data-theme="light"] su ============================================ */ /* ---- VARIABILI LIGHT ---- */ [data-theme="light"] { --color-primary-900: #f8fafc; --color-primary-800: #f1f5f9; --color-primary-700: #e2e8f0; --color-primary-600: #cbd5e1; --color-primary-500: #94a3b8; --color-accent-primary: #0d9373; --color-accent-secondary: #0284c7; --color-accent-tertiary: #7c3aed; --color-accent-glow: rgba(13, 147, 115, 0.1); --color-white: #0f172a; --color-gray-100: #1e293b; --color-gray-200: #334155; --color-gray-300: #475569; --color-gray-400: #64748b; --color-gray-500: #94a3b8; --color-gray-600: #cbd5e1; --gradient-accent: linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-secondary) 100%); --gradient-text: linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-secondary) 50%, var(--color-accent-tertiary) 100%); --shadow-glow: 0 4px 24px rgba(13, 147, 115, 0.15); --shadow-glow-sm: 0 2px 12px rgba(13, 147, 115, 0.1); } /* ---- BODY & SELECTION ---- */ [data-theme="light"] body { color: #475569; background-color: #f8fafc; } [data-theme="light"] ::selection { background-color: #0d9373; color: #ffffff; } /* ============================================ GLOBAL: Override hardcoded rgba(255,255,255,...) e "color: white" Copre TUTTI gli elementi con colori trasparenti bianchi ============================================ */ /* Headings globali — il var(--color-white) li gestisce già, ma se un inline style o specifico CSS usa "color: white" hardcoded, questi override li catturano. */ [data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] h4, [data-theme="light"] h5, [data-theme="light"] h6 { color: #0f172a; } /* ---- NAVBAR ---- */ [data-theme="light"] .navbar.scrolled { background: rgba(248, 250, 252, 0.95); border-bottom: 1px solid rgba(13, 147, 115, 0.12); } [data-theme="light"] .logo { color: #0f172a; } [data-theme="light"] .logo-icon::before { background: #f8fafc; } [data-theme="light"] .nav-links li a { color: #475569; } [data-theme="light"] .nav-links li a:not(.btn):hover { color: #0f172a; } [data-theme="light"] .menu-toggle span { background: #0f172a; } /* Mobile menu */ @media (max-width: 968px) { [data-theme="light"] .nav-links { background: #f8fafc; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.1); } [data-theme="light"] .nav-links li a { color: #334155; font-size: 1.1rem; } [data-theme="light"] .nav-links li a:hover { color: #0d9373; } } /* ---- BUTTONS ---- */ [data-theme="light"] .btn-primary { color: #ffffff; box-shadow: 0 2px 12px rgba(13, 147, 115, 0.2); } [data-theme="light"] .btn-primary:hover { box-shadow: 0 4px 24px rgba(13, 147, 115, 0.3); } [data-theme="light"] .btn-secondary { color: #0d9373; border-color: #0d9373; } [data-theme="light"] .btn-secondary:hover { background: rgba(13, 147, 115, 0.08); } /* ---- HERO ---- */ [data-theme="light"] .hero-bg::before { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%); } [data-theme="light"] .orb-1 { background: rgba(13, 147, 115, 0.08); } [data-theme="light"] .orb-2 { background: rgba(2, 132, 199, 0.06); } [data-theme="light"] .orb-3 { background: rgba(124, 58, 237, 0.05); } [data-theme="light"] .grid-pattern { background-image: linear-gradient(rgba(13, 147, 115, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(13, 147, 115, 0.04) 1px, transparent 1px); } [data-theme="light"] .hero-badge { background: rgba(13, 147, 115, 0.08); border-color: rgba(13, 147, 115, 0.18); } [data-theme="light"] .hero-badge::before { background: #0d9373; } [data-theme="light"] .hero h1, [data-theme="light"] .hero-subtitle { color: #0f172a; } [data-theme="light"] .hero-subtitle { color: #475569; } /* ---- CARDS & SURFACES ---- */ [data-theme="light"] .service-card, [data-theme="light"] .feature-card { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } [data-theme="light"] .service-card:hover, [data-theme="light"] .feature-card:hover { border-color: rgba(13, 147, 115, 0.3); box-shadow: 0 4px 16px rgba(13, 147, 115, 0.08); } [data-theme="light"] .service-card::before, [data-theme="light"] .feature-card::before { background: radial-gradient(ellipse at top left, rgba(13, 147, 115, 0.06) 0%, transparent 60%); } [data-theme="light"] .service-icon, [data-theme="light"] .feature-icon { background: rgba(13, 147, 115, 0.08); } [data-theme="light"] .service-card h3, [data-theme="light"] .feature-card h4, [data-theme="light"] .feature-text h4 { color: #0f172a; } [data-theme="light"] .service-card p, [data-theme="light"] .feature-card p, [data-theme="light"] .feature-text p { color: #475569; } /* ---- STATS ---- */ [data-theme="light"] .hero-stat { background: #ffffff; border: 1px solid #e2e8f0; } [data-theme="light"] .hero-stat:hover { border-color: rgba(13, 147, 115, 0.3); } /* ---- PRICING ---- */ [data-theme="light"] .pricing-card { background: #ffffff; border: 1px solid #e2e8f0; } [data-theme="light"] .pricing-card:hover { border-color: rgba(13, 147, 115, 0.3); } [data-theme="light"] .pricing-card.featured { background: #ffffff; border-color: #0d9373; } [data-theme="light"] .pricing-card .price { color: #0f172a; } [data-theme="light"] .pricing-popular { background: var(--gradient-accent); color: #ffffff; } [data-theme="light"] .pricing-features li { color: #475569; } [data-theme="light"] .pricing-features li::before { color: #0d9373; } /* ---- PROCESS / TIMELINE ---- */ [data-theme="light"] .process-timeline::before { background: linear-gradient(to bottom, transparent, #0d9373, transparent); } [data-theme="light"] .process-step h3 { color: #0f172a; } [data-theme="light"] .process-step p { color: #475569; } [data-theme="light"] .step-number { background: #f1f5f9; border-color: rgba(13, 147, 115, 0.3); color: #0d9373; } [data-theme="light"] .process-step:hover .step-number { background: #0d9373; color: #ffffff; } /* ---- PORTFOLIO ---- */ [data-theme="light"] .portfolio-card { background: #ffffff; border: 1px solid #e2e8f0; } [data-theme="light"] .portfolio-card:hover { border-color: rgba(13, 147, 115, 0.3); } [data-theme="light"] .portfolio-overlay { background: linear-gradient(to top, rgba(15, 23, 42, 0.9), transparent); } [data-theme="light"] .filter-btn { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; } [data-theme="light"] .filter-btn:hover, [data-theme="light"] .filter-btn.active { background: var(--gradient-accent); color: #ffffff; border-color: transparent; } /* ---- TESTIMONIALS ---- */ [data-theme="light"] .testimonial-card { background: #ffffff; border: 1px solid #e2e8f0; } /* ---- FAQ ---- */ [data-theme="light"] .faq-item { border-color: #e2e8f0; } [data-theme="light"] .faq-item summary { color: #0f172a; } [data-theme="light"] .faq-item p { color: #475569; } [data-theme="light"] .faq-item[open] { background: rgba(13, 147, 115, 0.03); } /* ---- CTA SECTION (resta dark) ---- */ [data-theme="light"] .cta-section { background: linear-gradient(135deg, #0f172a, #1e293b); } [data-theme="light"] .cta-section h2, [data-theme="light"] .cta-section p, [data-theme="light"] .cta-section .text-gradient { color: #f1f5f9; } [data-theme="light"] .cta-section .btn-primary { color: #0f172a; } /* ---- CONTACT FORM ---- */ [data-theme="light"] .contact-form-wrapper { background: #ffffff; border: 1px solid #e2e8f0; } [data-theme="light"] .form-group input, [data-theme="light"] .form-group textarea, [data-theme="light"] .form-group select { background: #f8fafc; border: 1px solid #e2e8f0; color: #0f172a; } [data-theme="light"] .form-group input:focus, [data-theme="light"] .form-group textarea:focus, [data-theme="light"] .form-group select:focus { border-color: #0d9373; box-shadow: 0 0 0 3px rgba(13, 147, 115, 0.1); } [data-theme="light"] .form-group input::placeholder, [data-theme="light"] .form-group textarea::placeholder { color: #94a3b8; } [data-theme="light"] .form-group label { color: #334155; } /* ============================================ PREVENTIVO PAGE — Inline