/* Paleta de colores - Plantilla Vaqueros */
/* Temática del salvaje oeste con marrones, cueros y tonos tierra */
:root {
    /* === COLORES PRINCIPALES === */
    --color-primario: #8B4513;           /* Marrón cuero vaquero */
    --color-secundario: #DAA520;         /* Dorado del desierto */
    --color-terciario: #B22222;          /* Rojo ladrillo */
    --color-acento: #F5DEB3;            /* Beige arena */
    --color-texto: #4A2C2A;             /* Marrón espresso */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 139, 69, 19;
    --color-secundario-rgb: 218, 165, 32;
    
    /* === VARIABLES PRINCIPALES VAQUERAS === */
    --color-fondo-principal: #F5E6D3;    /* Pergamino antiguo */
    --color-sombra-principal: rgba(139, 69, 19, 0.15);  /* Sombra cuero */
    --color-sombra-secundaria: rgba(139, 69, 19, 0.10); /* Sombra suave */
    --color-hover-boton: #A0522D;        /* Café tostado hover */
    --color-boton-transparente: rgba(139, 69, 19, 0.15); /* Botón transparente */
    --color-sombra-media: rgba(139, 69, 19, 0.20);       /* Sombra media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #F5DEB3 0%, #F5E6D3 100%); /* Gradiente arena-pergamino */
    --color-borde-bancario: #CD853F;     /* Borde óxido */
    --color-cuenta-sombra: rgba(139, 69, 19, 0.25); /* Sombra cuenta */
    
    /* === FORMULARIOS VAQUEROS === */
    --color-borde-formulario: #CD853F;   /* Borde óxido */
    --color-texto-formulario: #4A2C2A;   /* Texto espresso */
    --color-hover-formulario: #F5E6D3;   /* Hover pergamino */
    --color-flecha-select: #8B4513;      /* Flecha cuero */
    --color-radio-si: #228B22;           /* Verde cactus "Sí" */
    --color-radio-no: #DC143C;           /* Rojo intenso "No" */
    
    /* === ELEMENTOS ESPECIALES === */
    --color-wave: #8B4513;
    
    /* === MODALES VAQUEROS === */
    --color-modal-imagen-fondo: linear-gradient(135deg, #F5E6D3 0%, #DEB887 100%); /* Gradiente pergamino-trigo */
    --color-fondo-timeline: #F5E6D3;
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}