/* Paleta de colores - Ramas de Trigo */
:root {
    /* Colores principales - Tema ramas de trigo café claro/amarillo */
    --color-primario: #B8860B;           /* Dorado oscuro trigo */
    --color-secundario: #CD853F;        /* Perú medio */
    --color-terciario: #A0522D;         /* Siena */
    --color-acento: #FFF8DC;            /* Maíz seda */
    --color-texto: #6B5B3E;             /* Café oscuro para mejor contraste */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 184, 134, 11;
    --color-secundario-rgb: 205, 133, 63;
    
    /* Variables adicionales para el refactor - Tema ramas de trigo */
    --color-fondo-principal: #FDF9F0;   /* Crema trigo suave */
    --color-sombra-principal: rgba(184, 134, 11, 0.10);     /* Sombra dorado suave */
    --color-sombra-secundaria: rgba(184, 134, 11, 0.07);    /* Sombra dorado ligera */
    --color-hover-boton: #A0522D;       /* Siena para hover */
    --color-boton-transparente: rgba(184, 134, 11, 0.13);   /* Fondo transparente de botones */
    --color-sombra-media: rgba(184, 134, 11, 0.15);         /* Sombra dorado media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #FFF8DC 0%, #FDF9F0 100%);  /* Gradiente cuenta bancaria */
    --color-borde-bancario: #F5DEB3;    /* Trigo para datos bancarios */
    --color-cuenta-sombra: rgba(184, 134, 11, 0.2);
    
    /* Variables para formularios profesionales - Tema ramas de trigo */
    --color-borde-formulario: #F5DEB3;  /* Trigo para formularios */
    --color-texto-formulario: #6B5B3E;  /* Café oscuro para texto de formularios */
    --color-hover-formulario: #FDF9F0;  /* Crema trigo para hover */
    --color-flecha-select: #A0522D;     /* Siena para flechas */
    --color-radio-si: #10b981;          /* Verde para "Sí" */
    --color-radio-no: #ef4444;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema ramas de trigo */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #B8860B;
    

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