/* Paleta de colores - Abstracto Plateado */
:root {
    /* Colores principales - Tema plateado */
    --color-primario: #7A8AA8;           /* Plateado azulado principal */
    --color-secundario: #9BABC2;        /* Plateado claro */
    --color-terciario: #5D6B7D;         /* Plateado oscuro */
    --color-acento: #F4F6F8;            /* Gris muy claro plateado */
    --color-texto: #2C3E50;             /* Azul gris oscuro para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 122, 138, 168;
    --color-secundario-rgb: 155, 171, 194;
    
    /* Variables adicionales para el refactor - Tema plateado */
    --color-fondo-principal: #FBFCFD;   /* Fondo plateado muy claro */
    --color-sombra-principal: rgba(122, 138, 168, 0.10);     /* Sombra plateado suave */
    --color-sombra-secundaria: rgba(122, 138, 168, 0.07);    /* Sombra plateado ligera */
    --color-hover-boton: #5D6B7D;       /* Plateado oscuro para hover */
    --color-boton-transparente: rgba(122, 138, 168, 0.13);   /* Fondo transparente plateado */
    --color-sombra-media: rgba(122, 138, 168, 0.15);         /* Sombra plateado media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #F4F6F8 0%, #FBFCFD 100%);  /* Gradiente plateado */
    --color-borde-bancario: #C8D1DC;    /* Borde plateado para datos bancarios */
    --color-cuenta-sombra: rgba(122, 138, 168, 0.2);
    
    /* Variables para formularios profesionales - Tema plateado */
    --color-borde-formulario: #D5DCE6;  /* Borde plateado para formularios */
    --color-texto-formulario: #2C3E50;  /* Azul gris oscuro para texto */
    --color-hover-formulario: #FBFCFD;  /* Fondo plateado muy claro para hover */
    --color-flecha-select: #5D6B7D;     /* Plateado oscuro para flechas */
    --color-radio-si: #10b981;          /* Verde para "Sí" */
    --color-radio-no: #ef4444;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema plateado */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #7A8AA8;
    

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