/* css/base.css */
:root {
    --bg-dark: #12141c;
    --card-dark: #1a1d29;
    --orange-primary: #e65100;
    --text-main: #ffffff;
    --text-muted: #8e92a4;
    --border-color: #2a2f3d;
}

* {
    box-sizing: border-box;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-main);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

.hidden { display: none; }

/* Corrección de contraste para todos los inputs Select y sus Options */
select {
    background-color: var(--card-dark, #131924) !important;
    color: #ffffff !important;
    border: 1px solid var(--border-color, #2a3447) !important;
    border-radius: 6px;
    padding: 8px 12px;
    outline: none;
}

/* Estilos específicos para las opciones del desplegable */
select option {
    background-color: #131924 !important; /* Fondo oscuro al desplegar */
    color: #ffffff !important;           /* Texto blanco legible */
    padding: 10px;
}

/* Fondo para la opción seleccionada/hover */
select option:hover,
select option:focus,
select option:active,
select option:checked {
    background-color: #1e293b !important;
    color: var(--orange-primary, #ff6b00) !important;
}