/* Dark mode overrides for landing page */
html.dark body {
    color: #e0e0e0;
    background-color: #121212;
}

html.dark .hero-title {
    color: #fff;
}

html.dark .hero-subtitle {
    color: #a0a0a0;
}

html.dark .section-title {
    color: #fff;
}

html.dark .feature-card {
    background-color: #2d2d2d;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

html.dark .feature-title {
    color: #fff;
}

html.dark .feature-description {
    color: #a0a0a0;
}

html.dark .feature-list li {
    color: #a0a0a0;
}

html.dark .feature-list li::before {
    color: #2ecc71; /* Keep the checkmark green but slightly adjusted for dark mode */
}

html.dark .feature-icon {
    color: #3498db; /* Keep the blue but slightly adjusted for dark mode */
}

html.dark .cta-section {
    background-color: #2980b9; /* Darker shade of the original blue */
}

html.dark .beta-input {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border: 1px solid #404040;
}

html.dark .beta-input::placeholder {
    color: #808080;
}

html.dark .beta-submit {
    background-color: #27ae60; /* Slightly darker shade of green */
}

html.dark .beta-submit:hover {
    background-color: #219a52;
}

html.dark .coming-soon-list li {
    background-color: #2d2d2d;
    color: #a0a0a0;
}

html.dark .disclaimer {
    background-color: rgba(0, 0, 0, 0.2);
}

html.dark .disclaimer p {
    color: #a0a0a0;
}

/* Enhanced focus states for dark mode */
html.dark .beta-input:focus {
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.3);
    outline: none;
}

html.dark .beta-submit:focus {
    box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.3);
    outline: none;
}