/* =========================================
   Emotiva-Liderea Custom Theme Variables
   Amarillo: #ffc844  |  Turquesa: #007481
   ========================================= */

:root {
    /* RGB Values for opacity compatibility */
    --primary-rgb: 0, 116, 129;
    --accent-rgb: 255, 200, 68;

    /* Primario = Turquesa (botones, links activos) */
    --primary: #007481;
    --primary-hover: #005f6a;
    --brand-primary: #007481;

    /* Acento = Amarillo (detalles, badges, highlights) */
    --brand-accent: #ffc844;
    --brand-accent-hover: #e6b03d;

    /* Sombras del botón primario en turquesa */
    --btn-primary-shadow: 0 4px 14px rgba(0, 116, 129, 0.35);
    --btn-primary-shadow-hover: 0 8px 24px rgba(0, 116, 129, 0.45);

    /* Gradiente del hero title - Más amarillo, menos azul */
    --gradient-text-brand: linear-gradient(135deg, #007481 0%, #ffc844 70%);

    /* Soft background del primary para badges/alerts */
    --bg-soft-primary: rgba(0, 116, 129, 0.08);
}