/* Paleta de colores - Estrellas Fugaces */
:root {
    /* Colores principales - Tema estrellas fugaces elegante */
    --color-primario: #2E4057;           /* Azul noche elegante */
    --color-secundario: #D4AC0D;        /* Oro brillante (estrellas) */
    --color-terciario: #1B4F72;         /* Azul profundo */
    --color-acento: #F8F9FA;            /* Blanco suave */
    --color-texto: #1B4F72;             /* Azul profundo para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 46, 64, 87;
    --color-secundario-rgb: 212, 172, 13;
    
    /* Variables adicionales para el refactor - Tema estrellas fugaces elegante */
    --color-fondo-principal: #FDFEFE;   /* Fondo muy claro con tinte */
    --color-sombra-principal: rgba(46, 64, 87, 0.12);        /* Sombra azul suave */
    --color-sombra-secundaria: rgba(46, 64, 87, 0.08);       /* Sombra azul ligera */
    --color-hover-boton: #1B4F72;       /* Azul profundo para hover */
    --color-boton-transparente: rgba(212, 172, 13, 0.10);    /* Fondo transparente dorado */
    --color-sombra-media: rgba(212, 172, 13, 0.15);          /* Sombra dorada media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #F8F9FA 0%, #FDFEFE 100%);  /* Gradiente suave */
    --color-borde-bancario: #D4AC0D;    /* Oro brillante para datos bancarios */
    --color-cuenta-sombra: rgba(212, 172, 13, 0.15);
    
    /* Variables para formularios profesionales - Tema estrellas fugaces elegante */
    --color-borde-formulario: #AED6F1;  /* Azul claro para formularios */
    --color-texto-formulario: #1B4F72;  /* Azul profundo para texto */
    --color-hover-formulario: #F8F9FA;  /* Blanco suave para hover */
    --color-flecha-select: #D4AC0D;     /* Oro brillante para flechas */
    --color-radio-si: #28A745;          /* Verde para "Sí" */
    --color-radio-no: #DC3545;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema estrellas fugaces elegante */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #D4AC0D;
    

    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #F8F9FA 0%, #D6EAF8 100%);
    --color-fondo-timeline: #FDFEFE;
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}