:root {
    /* 🔴 COLOR PRINCIPAL (Fe y Alegría) */
    --color-primario: #E30613;      
    --color-primario-hover: #B3050F; 

    /* 🌕 FONDOS CLAROS */
    --bg-body: #f4f6f8;         
    --bg-panel: #ffffff;        
    --bg-elemento: #ffffff;     
    --bg-input-focus: #f9f9f9;  
    
    /* 🌫️ TRANSPARENCIAS (Para el muro) */
    --bg-header-muro: rgba(255, 255, 255, 0.90); /* Cabecera blanca translúcida */
    --bg-columnas: rgba(255, 255, 255, 0.85);    /* Columnas blancas translúcidas */

    /* ⚫ TEXTOS */
    --texto-principal: #222222; 
    --texto-secundario: #444444;
    --texto-terciario: #666666; 
    --texto-mudo: #888888;      
    --texto-oscuro: #aaaaaa;    
    --texto-boton: #ffffff;     /* Blanco puro SIEMPRE para los botones */

    /* 🔲 BORDES */
    --border-suave: #e0e0e0;
    --border-fuerte: #cccccc;

    /* 🚥 COLORES INSTITUCIONALES */
    --color-exito: #28a745;         /* Verde más corporativo */
    --color-exito-hover: #218838;   
    --color-peligro: #dc3545;       
    --color-estrella: #E30613;      /* Adiós amarillo, hola rojo */
    --color-info: #17a2b8;      
}