/* ============================================
   DARK MODE - ContDev
   Override de variáveis e estilos
   ============================================ */

body.dark-mode {
    /* === Backgrounds === */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --bg-card: #161b22;
    --bg-card-hover: #1c2128;
    --bg-glass: rgba(22, 27, 34, 0.8);
    --bg-glass-border: rgba(255, 255, 255, 0.06);

    /* === Glass (Dark) === */
    --glass-bg-light: rgba(22, 27, 34, 0.7);
    --glass-border-light: rgba(255, 255, 255, 0.06);

    /* === Texto === */
    --text-primary: #c9d1d9;
    --text-secondary: #8b949e;
    --text-heading: #f0f6fc;

    /* === Bordas === */
    --border-light: rgba(255, 255, 255, 0.06);
    --border-medium: rgba(255, 255, 255, 0.1);

    /* === Sombras === */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.6);
}

/* === Header Dark Mode === */
body.dark-mode .site-header.scrolled {
    background: rgba(13, 17, 23, 0.85);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

body.dark-mode .theme-toggle {
    background: var(--bg-tertiary);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .mobile-toggle {
    background: var(--bg-tertiary);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .mobile-toggle span {
    background: var(--text-primary);
}

/* === Mobile Menu Dark === */
body.dark-mode .mobile-menu {
    background: var(--bg-primary);
}

/* === Hero Dark === */
body.dark-mode .hero-dashboard {
    background: #1c2128;
    border-color: rgba(255, 255, 255, 0.06);
}

body.dark-mode .stat-card {
    background: rgba(255, 255, 255, 0.03);
}

body.dark-mode .dashboard-chart {
    background: rgba(255, 255, 255, 0.03);
}

body.dark-mode .floating-card {
    background: #1c2128;
    border-color: rgba(255, 255, 255, 0.06);
}

/* === Solutions Dark === */
body.dark-mode .solutions-section {
    background: var(--bg-secondary);
}

/* === Benefits Dark === */
body.dark-mode .benefit-item {
    background: var(--bg-card);
    border-color: rgba(255, 255, 255, 0.06);
}

body.dark-mode .benefit-item:hover {
    border-color: var(--border-accent);
}

/* === Contact Dark === */
body.dark-mode .contact-section {
    background: var(--bg-secondary);
}

body.dark-mode .contact-form-wrapper {
    background: var(--bg-card);
    border-color: rgba(255, 255, 255, 0.06);
}

body.dark-mode .form-control {
    background: var(--bg-tertiary);
    border-color: rgba(255, 255, 255, 0.08);
    color: var(--text-primary);
}

body.dark-mode .form-control:focus {
    background: var(--bg-secondary);
    border-color: var(--accent-primary);
}

/* === About Dark === */
body.dark-mode .about-stat {
    background: var(--bg-card);
    border-color: rgba(255, 255, 255, 0.06);
}

/* === Footer Dark === */
body.dark-mode .site-footer {
    background: #060d18;
}

/* === Scrollbar Dark === */
body.dark-mode::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

/* === Animated BG Dark === */
body.dark-mode .animated-bg::before {
    background: radial-gradient(circle at 20% 50%, rgba(0, 212, 255, 0.04) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(124, 58, 237, 0.04) 0%, transparent 50%),
                radial-gradient(circle at 40% 80%, rgba(0, 212, 255, 0.03) 0%, transparent 50%);
}