/* ============================================================
   DARK.CSS - DARK THEME
   ============================================================ */

body.dark-mode {
    --primary: #818cf8;
    --primary-dark: #6366f1;
    --primary-light: #a5b4fc;
    --dark: #f8f9fc;
    --light: #0a0a0f;
    --gray: #9ca3af;
    --gray-light: #1f2937;
    background: #0a0a0f;
    color: #f8f9fc;
}

body.dark-mode .header {
    background: rgba(10, 10, 15, 0.95);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

body.dark-mode .logo span {
    color: #f8f9fc;
}

body.dark-mode .nav a {
    color: #9ca3af;
}

body.dark-mode .nav a:hover {
    color: #818cf8;
}

body.dark-mode .card {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .service-card {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .service-card:hover {
    border-color: #818cf8;
}

body.dark-mode .faq-item {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .faq-question {
    background: #1a1a2e;
}

body.dark-mode .faq-question:hover {
    background: #2d2d44;
}

body.dark-mode .sidebar-card {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .testimonial-card {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.05);
}

body.dark-mode .search-box {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .search-box input {
    color: #f8f9fc;
    background: transparent;
}

body.dark-mode .form-control {
    background: #1a1a2e;
    border-color: #2d2d44;
    color: #f8f9fc;
}

body.dark-mode .form-control:focus {
    border-color: #818cf8;
}

body.dark-mode .contact-form .form-control {
    background: #1a1a2e;
    border-color: #2d2d44;
    color: #f8f9fc;
}

body.dark-mode .trust-section {
    background: #1a1a2e;
    border-bottom-color: #2d2d44;
}

body.dark-mode .filter-tab {
    background: #1a1a2e;
    border-color: #2d2d44;
    color: #9ca3af;
}

body.dark-mode .filter-tab.active {
    background: #818cf8;
    color: #fff;
}

body.dark-mode .filter-tab:hover {
    border-color: #818cf8;
    color: #818cf8;
}

body.dark-mode .tool-card {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .tool-card:hover {
    border-color: #818cf8;
}

body.dark-mode .tool-active {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .pagination a,
body.dark-mode .pagination span {
    background: #1a1a2e;
    border-color: #2d2d44;
    color: #9ca3af;
}

body.dark-mode .pagination a:hover {
    background: #818cf8;
    color: #fff;
}

body.dark-mode .pagination .active {
    background: #818cf8;
    color: #fff;
}

body.dark-mode .blog-card {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .blog-card:hover {
    border-color: #818cf8;
}

body.dark-mode .author-box {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .related-card {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .related-card:hover {
    border-color: #818cf8;
}

body.dark-mode .team-card {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .team-card:hover {
    border-color: #818cf8;
}

body.dark-mode .info-item {
    border-bottom-color: #2d2d44;
}

body.dark-mode .social-links a {
    background: #1a1a2e;
    border-color: #2d2d44;
    color: #9ca3af;
}

body.dark-mode .social-links a:hover {
    background: #818cf8;
    color: #fff;
}

body.dark-mode .component-item {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .pricing-summary {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .command-palette-modal {
    background: #1a1a2e;
}

body.dark-mode .command-palette-header {
    border-bottom-color: #2d2d44;
}

body.dark-mode .command-palette-header input {
    color: #f8f9fc;
    background: transparent;
}

body.dark-mode .command-item:hover {
    background: rgba(255,255,255,0.05);
}

body.dark-mode .command-palette-footer {
    border-top-color: #2d2d44;
}

body.dark-mode .notification {
    background: #1a1a2e;
    border-color: #2d2d44;
}

body.dark-mode .cookie-consent {
    background: #1a1a2e;
    border-top-color: #2d2d44;
}

/* ── Dark Mode Toggle Button ── */
.dark-toggle {
    background: none;
    border: none;
    color: var(--gray);
    font-size: 18px;
    cursor: pointer;
    transition: var(--transition);
    padding: 8px;
}

.dark-toggle:hover {
    color: var(--primary);
    transform: rotate(30deg);
}