/**
 * Custom Colors CSS - Colores institucionales CASR
 * Club Atlético Santa Rosa
 * Este archivo define los colores institucionales del club
 * que pueden ser sobrescritos dinámicamente desde PHP
 */

/* ========================================
   COLORES INSTITUCIONALES
   ======================================== */

:root {
    /* Colores primarios del Club Atlético Santa Rosa */
    --casr-red: #E30613;
    --casr-green: #00843D;
    --casr-red-dark: #B80510;
    --casr-green-dark: #006830;
    
    /* Colores secundarios */
    --casr-white: #FFFFFF;
    --casr-gray-light: #F4F4F4;
    --casr-gray: #CCCCCC;
    --casr-gray-dark: #666666;
}

/* ========================================
   APLICACIÓN DE COLORES AL NAVBAR
   ======================================== */

/* Estos colores pueden ser sobrescritos por variables PHP dinámicas */
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo {
    background-color: var(--casr-red);
}

.skin-blue .main-header .logo:hover {
    background-color: var(--casr-red-dark);
}

/* Sidebar colors */
.skin-blue .sidebar-menu > li.active > a {
    border-left-color: var(--casr-green);
}

.skin-blue .sidebar-menu > li > a:hover {
    background-color: rgba(0, 132, 61, 0.1);
}

/* ========================================
   BOTONES PERSONALIZADOS CON COLORES CASR
   ======================================== */

.btn-casr-red {
    background-color: var(--casr-red);
    border-color: var(--casr-red-dark);
    color: white;
}

.btn-casr-red:hover {
    background-color: var(--casr-red-dark);
    border-color: var(--casr-red-dark);
    color: white;
}

.btn-casr-green {
    background-color: var(--casr-green);
    border-color: var(--casr-green-dark);
    color: white;
}

.btn-casr-green:hover {
    background-color: var(--casr-green-dark);
    border-color: var(--casr-green-dark);
    color: white;
}

/* ========================================
   BADGES Y LABELS CON COLORES CASR
   ======================================== */

.label-casr-red {
    background-color: var(--casr-red);
}

.label-casr-green {
    background-color: var(--casr-green);
}

.badge-casr-red {
    background-color: var(--casr-red);
}

.badge-casr-green {
    background-color: var(--casr-green);
}