/* Dark Mode Specific Styles */
[data-theme="dark"] {
    --text-primary: #F3F4F6;
    --text-secondary: #D1D5DB;
    --text-light: #1F2937;
    
    --background: #111827;
    --background-secondary: #1F2937;
    --background-tertiary: #374151;
    
    --border-color: #4B5563;
    --border-light: #2D3748;
}

[data-theme="dark"] .navbar {
    background-color: #111827;
    border-bottom-color: #4B5563;
}

[data-theme="dark"] .hero-gradient {
    background: linear-gradient(135deg, rgba(255, 184, 28, 0.8) 0%, rgba(30, 58, 138, 0.8) 100%);
}

[data-theme="dark"] .service-card {
    background-color: #1F2937;
    border-color: #4B5563;
}

[data-theme="dark"] .service-card:hover {
    background-color: #374151;
}

[data-theme="dark"] .counter-item {
    background-color: #1F2937;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .calculator-form {
    background-color: #1F2937;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
    background-color: #111827;
    border-color: #4B5563;
    color: #F3F4F6;
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 184, 28, 0.2);
}

[data-theme="dark"] .calculator-results {
    background: linear-gradient(135deg, rgba(255, 184, 28, 0.9) 0%, rgba(255, 184, 28, 0.7) 100%);
    color: #1F2937;
}

[data-theme="dark"] .value-item {
    background-color: #1F2937;
}

[data-theme="dark"] .info-item {
    background-color: #1F2937;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .contact-form {
    background-color: #1F2937;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .chat-window {
    background-color: #1F2937;
}

[data-theme="dark"] .chat-input input {
    background-color: #111827;
    border-color: #4B5563;
    color: #F3F4F6;
}

[data-theme="dark"] .language-selector {
    background-color: #1F2937;
    border-color: #4B5563;
    color: #F3F4F6;
}

[data-theme="dark"] .energy-counter-section {
    background-color: #1F2937;
}

[data-theme="dark"] .calculator-section {
    background-color: #1F2937;
}

[data-theme="dark"] .contact-section {
    background-color: #1F2937;
}

[data-theme="dark"] .about-image {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}

/* Dark Mode Animations */
[data-theme="dark"] .glow {
    animation: glow-dark 2s ease-in-out infinite;
}

@keyframes glow-dark {
    0%, 100% {
        box-shadow: 0 0 5px rgba(255, 184, 28, 0.3);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 184, 28, 0.6);
    }
}

/* Dark Mode Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #111827;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #4B5563;
    border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #6B7280;
}

/* Dark Mode Placeholder Text */
[data-theme="dark"] ::placeholder {
    color: #9CA3AF;
}

/* Dark Mode Selection */
[data-theme="dark"] ::selection {
    background-color: var(--primary-color);
    color: #1F2937;
}

/* Dark Mode Links */
[data-theme="dark"] a {
    color: var(--primary-light);
}

[data-theme="dark"] a:hover {
    color: var(--primary-color);
}

/* Dark Mode Buttons */
[data-theme="dark"] .btn-secondary {
    color: var(--primary-light);
    border-color: var(--primary-light);
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: var(--primary-color);
    color: #1F2937;
}

/* Dark Mode Tables */
[data-theme="dark"] table {
    border-collapse: collapse;
}

[data-theme="dark"] table th {
    background-color: #1F2937;
    color: #F3F4F6;
    border-color: #4B5563;
}

[data-theme="dark"] table td {
    border-color: #4B5563;
}

[data-theme="dark"] table tr:hover {
    background-color: #374151;
}

/* Dark Mode Code Blocks */
[data-theme="dark"] code {
    background-color: #1F2937;
    color: #F3F4F6;
    border-color: #4B5563;
}

[data-theme="dark"] pre {
    background-color: #111827;
    color: #F3F4F6;
    border-color: #4B5563;
}

/* Dark Mode Blockquotes */
[data-theme="dark"] blockquote {
    border-left-color: var(--primary-color);
    background-color: #1F2937;
}

/* Dark Mode Badges */
[data-theme="dark"] .badge {
    background-color: #374151;
    color: #F3F4F6;
}

/* Dark Mode Alerts */
[data-theme="dark"] .alert {
    background-color: #1F2937;
    border-color: #4B5563;
}

[data-theme="dark"] .alert-success {
    background-color: rgba(16, 185, 129, 0.1);
    border-color: #10B981;
    color: #86EFAC;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(245, 158, 11, 0.1);
    border-color: #F59E0B;
    color: #FCD34D;
}

[data-theme="dark"] .alert-error {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: #EF4444;
    color: #FCA5A5;
}

[data-theme="dark"] .alert-info {
    background-color: rgba(59, 130, 246, 0.1);
    border-color: #3B82F6;
    color: #93C5FD;
}

/* Dark Mode Modals */
[data-theme="dark"] .modal {
    background-color: #1F2937;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: #4B5563;
}

[data-theme="dark"] .modal-footer {
    border-top-color: #4B5563;
}

/* Dark Mode Cards */
[data-theme="dark"] .card {
    background-color: #1F2937;
    border-color: #4B5563;
}

[data-theme="dark"] .card-header {
    background-color: #111827;
    border-bottom-color: #4B5563;
}

[data-theme="dark"] .card-footer {
    background-color: #111827;
    border-top-color: #4B5563;
}

/* Dark Mode Transitions */
[data-theme="dark"] * {
    transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
}