/* Paleta de colores - Hojas Otoñales */
:root {
    /* Colores principales - Tema otoñal naranjas cálidos */
    --color-primario: #E67E22;           /* Naranja cálido principal */
    --color-secundario: #F39C12;        /* Naranja dorado */
    --color-terciario: #D35400;         /* Naranja más oscuro */
    --color-acento: #FCF3CF;            /* Amarillo muy claro */
    --color-texto: #6C3E0B;             /* Marrón oscuro para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 230, 126, 34;
    --color-secundario-rgb: 243, 156, 18;
    
    /* Variables adicionales para el refactor - Tema otoñal */
    --color-fondo-principal: #FEF9E7;   /* Crema muy claro, cálido */
    --color-sombra-principal: rgba(230, 126, 34, 0.15);      /* Sombra naranja suave */
    --color-sombra-secundaria: rgba(211, 84, 0, 0.12);       /* Sombra naranja oscura */
    --color-hover-boton: #D35400;       /* Naranja más oscuro para hover */
    --color-boton-transparente: rgba(230, 126, 34, 0.1);     /* Fondo transparente de botones */
    --color-sombra-media: rgba(243, 156, 18, 0.18);          /* Sombra dorada */
    --color-bg-gradiente-cuenta: linear-gradient(135deg, #FCF3CF 0%, #FEF9E7 100%);  /* Gradiente cuenta bancaria */
    --color-borde-bancario: #D68910;    /* Naranja dorado para datos bancarios */
    --color-cuenta-sombra: rgba(230, 126, 34, 0.2);
    
    /* Variables para formularios profesionales - Tema otoñal */
    --color-borde-formulario: #F7DC6F;  /* Amarillo suave para formularios */
    --color-texto-formulario: #6C3E0B;  /* Marrón oscuro para texto de formularios */
    --color-hover-formulario: #FEF9E7;  /* Crema claro para hover */
    --color-flecha-select: #8B5A2B;     /* Marrón medio para flechas */
    --color-radio-si: #27AE60;          /* Verde para "Sí" */
    --color-radio-no: #E74C3C;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema otoñal */
    /* Variables para elementos especiales */
    --color-wave: #F39C12;
    

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