/* public/assets/css/variables.css */

/* 1. FUENTES */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Inter:wght@300;400;600&display=swap');

:root {
    /* PALETA DE COLORES EXACTA */
    --gold:              #D4AF37;
    
    /* Fondos de Sección */
    --bg-header:         #F3F4F6;
    --bg-scroll:         #333333;
    --bg-card-body:      #1e1e1e;
    --bg-card-header:    #ffffff;
    --bg-sponsors:       #495D63;
    --bg-footer:         #2c2c2c;
    
    /* Inputs y Filtros */
    --bg-input:           #111111;
    --border-input:       #444444;

    /* NUEVO: Contenedor de la Barra de Filtros */
    --bg-filter-bar:      rgba(255, 255, 255, 0.03); /* Fondo muy sutil */
    --border-filter-bar:  rgba(255, 255, 255, 0.08); /* Borde suave */
    
    /* Textos */
    --text-dark:         #333333;
    --text-white:        #ffffff;
    --text-grey:         #B0B0B0;
    
     /* ESTADOS (NUEVO - CENTRALIZADO) */
    --status-live:        #27ae60; /* Verde Estandar (En Curso) */
    --status-finished:    #6a2e35; /* Vinotinto (Finalizado) */
    --status-scheduled:   #666666; /* Gris (Programado) */
    
    /* Bordes */
    --border-footer:     #444;
    
    /* Dimensiones */
    --footer-height:     40px;
}

body {
    background-color: #121212;
    color: var(--text-white);
    font-family: 'Inter', sans-serif; /* Fallback a Inter */
    margin: 0;
    padding: 0;
    /* Estructura App Nativa */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /*overflow: hidden; */ 
}