/* Dark mode styles */
body.dark {
    background: #000000 !important;
    color: #000000 !important;
}
body.dark *, 
body.dark *::before, 
body.dark *::after {
    color: #000000 !important;
}
body.dark .container, body.dark .section, body.dark form {
    background: #111111 !important;
}
body.dark input, body.dark select, body.dark textarea {
    background: #222222 !important;
    color: #000000 !important;
    border-color: #444444 !important;
}
body.dark table th, body.dark table th * {
    background: rgb(7, 63, 120) !important;
    color: #ffffff !important;
}
body.dark table td {
    border-color: #444444 !important;
}
body.dark tr:hover {
    background: #222222 !important;
}
body.dark .info, body.dark .success, body.dark .warning, body.dark .alert-banner {
    background: #222222 !important;
    border-color: #444444 !important;
}
body.dark a {
    color: #0066cc !important;
}
body.dark .btn, body.dark .btn * {
    background: rgb(7, 63, 120) !important;
    color: #ffffff !important;
}
body.dark .value-prop, body.dark .value-prop * {
    color: #ffffff !important;
}
body.dark .plan-btn, body.dark .plan-btn * {
    color: #ffffff !important;
}
body.dark .header h1, body.dark .header p,
body.dark .hero h1, body.dark .hero p,
body.dark .main-title, body.dark .subtitle,
body.dark .page-header h1, body.dark .page-header p,
body.dark .intro h1, body.dark .intro p,
body.dark .benefits, body.dark .benefits *,
body.dark .enterprise-info, body.dark .enterprise-info * {
    color: #ffffff !important;
}

/* Logo switching */
.logo-dark { display: none; }
body.dark .logo-light { display: none; }
body.dark .logo-dark { display: inline; }

/* Toggle switch */
.theme-toggle {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.theme-toggle input {
    display: none;
}
.theme-toggle label {
    width: 50px;
    height: 26px;
    background: #ccc;
    border-radius: 13px;
    cursor: pointer;
    position: relative;
    transition: background 0.3s;
}
.theme-toggle label::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background: white;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: transform 0.3s;
}
.theme-toggle input:checked + label {
    background: rgb(9, 79, 150);
}
.theme-toggle input:checked + label::after {
    transform: translateX(24px);
}

/* Mobile phone only - theme toggle below nav */
@media (max-width: 480px) {
    .theme-toggle {
        top: 60px;
        right: 15px;
    }
}