/* assets/css/dark-mode.css - Dark mode styles with PHILFACO exact green theme */
body[data-theme="dark"] {
    --white: #1a1a2e;
    --gray-50: #16213e;
    --gray-100: #1e2a4a;
    --gray-200: #2a3a5a;
    --gray-300: #3a4a6a;
    --gray-700: #c8d6e5;
    --gray-800: #dfe6e9;
    --navy: #0D4710;
    --primary: #1B5E20;
    --primary-dark: #0D4710;
    --primary-light: #2E7D32;
    background-color: #0a0a1a;
    color: #c8d6e5;
}

body[data-theme="dark"] .navbar {
    background: rgba(26, 26, 46, 0.95);
}

body[data-theme="dark"] .logo span:first-of-type {
    color: #ffffff;
}

body[data-theme="dark"] .logo i,
body[data-theme="dark"] .logo .logo-accent {
    color: #2E7D32 !important;
}

body[data-theme="dark"] .glass-card {
    background: rgba(30, 42, 74, 0.9);
}

body[data-theme="dark"] .service-card,
body[data-theme="dark"] .testimonial-card,
body[data-theme="dark"] .tracking-box,
body[data-theme="dark"] .timeline-content {
    background: #1a1a2e;
    border-color: #2a3a5a;
}

body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4 {
    color: #ffffff;
}

body[data-theme="dark"] .nav-links a {
    color: #c8d6e5;
}

body[data-theme="dark"] .nav-links a:hover,
body[data-theme="dark"] .nav-links a.active {
    color: #2E7D32 !important;
}

body[data-theme="dark"] .dropdown-menu {
    background: #1a1a2e;
}

body[data-theme="dark"] .dropdown-menu a:hover {
    color: #2E7D32 !important;
}

body[data-theme="dark"] .faq-item {
    border-color: #2a3a5a;
}

body[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #1B5E20, #0D4710) !important;
}

body[data-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, #0D4710, #062B08) !important;
}

body[data-theme="dark"] .btn-outline {
    border-color: #1B5E20 !important;
    color: #1B5E20 !important;
}

body[data-theme="dark"] .btn-outline:hover {
    background: #1B5E20 !important;
    color: white !important;
}

body[data-theme="dark"] .service-icon {
    background: linear-gradient(135deg, #2E7D32, #1B5E20) !important;
}

body[data-theme="dark"] .stats-section {
    background: linear-gradient(135deg, #2E7D32, #0D4710) !important;
}

body[data-theme="dark"] .timeline::before {
    background: #2E7D32 !important;
}

body[data-theme="dark"] .timeline-year {
    color: #2E7D32 !important;
}

body[data-theme="dark"] .cta-banner {
    background: linear-gradient(135deg, #1B5E20, #0D4710) !important;
}

body[data-theme="dark"] .swiper-pagination-bullet-active {
    background: #1B5E20 !important;
}

body[data-theme="dark"] .step-number {
    background: #1B5E20 !important;
}

body[data-theme="dark"] .status-step.active .step-icon {
    background: #1B5E20 !important;
}

body[data-theme="dark"] .status-step.completed .step-icon {
    background: #0D4710 !important;
}

body[data-theme="dark"] .badge-info {
    background: #1B5E20 !important;
}

body[data-theme="dark"] .badge-success {
    background: #0D4710 !important;
}

body[data-theme="dark"] .badge-warning {
    background: #f59e0b !important;
}

body[data-theme="dark"] .badge-primary {
    background: #1B5E20 !important;
}

body[data-theme="dark"] .theme-toggle {
    background: #1e2a4a;
    color: #c8d6e5;
}

.theme-toggle i {
    transition: transform 0.3s ease;
}

body[data-theme="dark"] .theme-toggle i {
    transform: rotate(180deg);
}

body[data-theme="dark"] .faq-question:hover {
    color: #2E7D32 !important;
}

body[data-theme="dark"] a:not(.btn-primary):not(.btn-outline) {
    color: #2E7D32;
}

body[data-theme="dark"] a:not(.btn-primary):not(.btn-outline):hover {
    color: #1B5E20;
}

body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] textarea:focus {
    border-color: #1B5E20 !important;
    outline: none;
}

body[data-theme="dark"] table thead {
    background: #0D4710 !important;
}

body[data-theme="dark"] .stat-card h3 {
    color: #2E7D32 !important;
}