/* ============================================
   BASE.CSS - Reset e Variáveis Globais
   Central de Notícias Brasil
   ============================================ */

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Variáveis de Cores */
:root {
    /* Cores Primárias */
    --azul-primario: #0a2463;
    --azul-hover: #1e3a8a;
    --azul-claro: #3b82f6;
    --azul-escuro: #0d47a1;
    
    /* Cores de Destaque */
    --dourado: #f59e0b;
    --dourado-claro: #fbbf24;
    --dourado-escuro: #d97706;
    
    /* Cores Neutras */
    --branco: #ffffff;
    --preto: #000000;
    --cinza-claro: rgba(255, 255, 255, 0.85);
    --cinza-medio: rgba(255, 255, 255, 0.5);
    --cinza-escuro: #64748b;
    
    /* Cores de Status */
    --vermelho-live: #dc2626;
    --vermelho-escuro: #b91c1c;
    
    /* Backgrounds */
    --bg-player: linear-gradient(135deg, #0c1929 0%, #162033 50%, #0c1929 100%);
    --bg-header: linear-gradient(135deg, var(--azul-primario) 0%, #1e3a8a 50%, #0d47a1 100%);
    --bg-body: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
    
    /* Sombras */
    --sombra-header: 0 4px 20px rgba(10, 36, 99, 0.3);
    --sombra-dropdown: 0 10px 40px rgba(10, 36, 99, 0.2);
    --sombra-botao: 0 4px 15px rgba(245, 158, 11, 0.4);
    
    /* Transições */
    --transicao-rapida: 0.2s ease;
    --transicao-media: 0.3s ease;
    --transicao-lenta: 0.5s ease;
    
    /* Bordas */
    --borda-radius-sm: 4px;
    --borda-radius-md: 8px;
    --borda-radius-lg: 12px;
    --borda-radius-full: 50px;
    
    /* Espaçamentos */
    --espacamento-xs: 4px;
    --espacamento-sm: 8px;
    --espacamento-md: 16px;
    --espacamento-lg: 24px;
    --espacamento-xl: 40px;
    
    /* Largura máxima do container */
    --max-width: 1400px;
}

/* Tipografia Base - Sobrescreve estilos do tema original */
body {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    background: var(--bg-body) !important;
    min-height: 100vh;
    line-height: 1.6;
    color: var(--azul-primario) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Links Base */
a {
    text-decoration: none;
    color: inherit;
    transition: var(--transicao-media);
}

/* Botões Base */
button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

/* Listas Base */
ul, ol {
    list-style: none;
}

/* Imagens Base */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Container Padrão */
.container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--espacamento-xl);
}

/* Utilitários de Texto */
.text-dourado {
    color: var(--dourado);
}

.text-branco {
    color: var(--branco);
}

/* Utilitários de Display */
.flex {
    display: flex;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}