/* Paleta de colores - Abstracto Dorado */
:root {
    /* Colores principales - Tema dorado profesional */
    --color-primario: #C9941A;           /* Dorado profesional */
    --color-secundario: #D4AF37;        /* Oro elegante */
    --color-terciario: #B8860B;         /* Dorado profundo */
    --color-acento: #FAF7F0;            /* Crema neutro */
    --color-texto: #8B4513;             /* Marrón para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 201, 148, 26;
    --color-secundario-rgb: 212, 175, 55;
    
    /* Variables adicionales para el refactor - Tema dorado profesional */
    --color-fondo-principal: #FEFDFB;   /* Crema muy claro */
    --color-sombra-principal: rgba(201, 148, 26, 0.10);      /* Sombra dorado suave */
    --color-sombra-secundaria: rgba(201, 148, 26, 0.07);     /* Sombra dorado ligera */
    --color-hover-boton: #B8860B;       /* Dorado profundo para hover */
    --color-boton-transparente: rgba(201, 148, 26, 0.13);    /* Fondo transparente de botones */
    --color-sombra-media: rgba(201, 148, 26, 0.15);          /* Sombra dorado media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #FAF7F0 0%, #FEFDFB 100%);  /* Gradiente cuenta bancaria */
    --color-borde-bancario: #E6D48A;    /* Dorado claro para datos bancarios */
    --color-cuenta-sombra: rgba(201, 148, 26, 0.2);
    
    /* Variables para formularios profesionales - Tema dorado */
    --color-borde-formulario: #E6D48A;  /* Dorado claro para formularios */
    --color-texto-formulario: #8B4513;  /* Marrón para texto de formularios */
    --color-hover-formulario: #FEFDFB;  /* Crema claro para hover */
    --color-flecha-select: #B8860B;     /* Dorado profundo para flechas */
    --color-radio-si: #10b981;          /* Verde para "Sí" */
    --color-radio-no: #ef4444;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema dorado profesional */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #C9941A;
    

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