/**
 * VIRAXIS — Modo oscuro
 * La mayoría de los colores cambian automáticamente gracias a las
 * variables redefinidas en variables.css (html.dark-mode). Aquí solo
 * van ajustes puntuales que las variables no resuelven por sí solas.
 */

html.dark-mode .hero-glow {
    opacity: 0.18;
}

html.dark-mode .theme-toggle i::before {
    content: "\F5A2"; /* bi-sun */
}

html.dark-mode select option {
    background: var(--color-bg-elevated);
    color: var(--color-text);
}

html.dark-mode .form-field input,
html.dark-mode .form-field select,
html.dark-mode .form-field textarea {
    color: var(--color-text);
}

html.dark-mode .form-field input::placeholder,
html.dark-mode .form-field textarea::placeholder {
    color: var(--color-text-soft);
}

html.dark-mode .testimonial-badge {
    background: rgba(248, 173, 42, 0.18);
}

html.dark-mode .stat-card,
html.dark-mode .philosophy-card,
html.dark-mode .service-card,
html.dark-mode .benefit-card,
html.dark-mode .why-us-card,
html.dark-mode .use-case-card,
html.dark-mode .tech-badge,
html.dark-mode .testimonial-card,
html.dark-mode .faq-question {
    background: var(--color-bg-elevated);
}

html.dark-mode ::selection {
    background: var(--color-secondary);
    color: #fff;
}

/* Scrollbar discreta en modo oscuro */
html.dark-mode {
    scrollbar-color: var(--color-border-strong) var(--color-bg);
}