/* ========================================
   TECH SERVIZI v3 — Dark Theme
   ======================================== */

[data-theme="dark"] {
    --bg: #0a0a0a;
    --bg-off: #111111;
    --bg-warm: #0f0d0a;
    --text: #e8e8e8;
    --text-mid: #999;
    --text-light: #666;
    --border: #222222;
    --dark: #ffffff;
    --dark-soft: #050505;
    --dark-card: #161616;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
    --shadow: 0 8px 30px rgba(0,0,0,0.3);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.4);
}

/* Header */
[data-theme="dark"] .header {
    background: rgba(10,10,10,.88);
}
[data-theme="dark"] .header.scrolled {
    border-bottom-color: #222;
}

/* Nav mobile */
[data-theme="dark"] .nav {
    background: #0a0a0a;
}
[data-theme="dark"] .nav a {
    color: #e8e8e8;
    border-bottom-color: #222;
}

/* Service cards */
[data-theme="dark"] .service-card {
    background: var(--dark-card);
    border-color: #222;
}
[data-theme="dark"] .service-card:hover {
    border-color: rgba(246,135,18,0.3);
}

/* Gallery overlay on dark */
[data-theme="dark"] .gallery-item:hover {
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

/* Theme toggle swap icons */
[data-theme="dark"] .icon-sun { display: none; }
[data-theme="dark"] .icon-moon { display: block; }
[data-theme="dark"] .icon-sun { display: none; }
:not([data-theme="dark"]) .icon-moon { display: none; }
:not([data-theme="dark"]) .icon-sun { display: block; }

/* Theme toggle button */
[data-theme="dark"] .theme-toggle {
    background: #1a1a1a;
    border-color: #333;
    color: #e8e8e8;
}

/* Menu toggle */
[data-theme="dark"] .menu-toggle span {
    background: #e8e8e8;
}

/* Filter buttons */
[data-theme="dark"] .filter-btn {
    background: #161616;
    border-color: #333;
    color: #999;
}

/* Scroll indicator */
[data-theme="dark"] .scroll-indicator { color: #666; }

/* Image frame */
[data-theme="dark"] .img-frame {
    background: #161616;
}

/* Footer */
[data-theme="dark"] .footer {
    background: #050505;
}

/* Lightbox */
[data-theme="dark"] .lightbox-overlay {
    background: rgba(0,0,0,0.96);
}