/* Glassmorphism & Theme Variables — TV Gazeta System */

:root {
    /* Color Palette — Vibrant Medium Blue Theme */
    --bg-dark: #0A1F40;
    --bg-gradient-start: #0f2d5c;
    --bg-gradient-end: #0A1F40;
    
    --card-bg: rgba(255, 255, 255, 0.04);
    --card-bg-hover: rgba(255, 255, 255, 0.08);
    --card-border: rgba(255, 255, 255, 0.10);
    --card-border-hover: rgba(255, 255, 255, 0.20);
    
    --sidebar-bg: rgba(8, 18, 50, 0.75);
    --sidebar-border: rgba(255, 255, 255, 0.10);
    --sidebar-item-active: rgba(0, 122, 255, 0.20);
    --sidebar-item-active-border: rgba(0, 122, 255, 0.40);
    
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.65);
    --text-muted: rgba(255, 255, 255, 0.38);
    
    /* Brand Identity Accent Colors */
    --primary-color: #2d8cff;
    --primary-glow: rgba(45, 140, 255, 0.50);
    --primary-deep: #0050c0;
    
    --accent-color: #ffb300;
    --accent-glow: rgba(255, 179, 0, 0.50);
    
    --live-color: #ff3b30;
    --live-glow: rgba(255, 59, 48, 0.65);
    
    --new-color: #34c759;
    --new-glow: rgba(52, 199, 89, 0.65);
    
    /* Typography */
    --font-stack: 'Inter', system-ui, -apple-system, sans-serif;
    
    /* Blur Constants — visível e bonito */
    --glass-blur: blur(20px);
    --glass-blur-heavy: blur(35px);
    --glass-blur-light: blur(12px);
    
    /* Liquid Glass Design System Tokens */
    --card-radius-liquid: 22px;
    --container-radius-liquid: 30px;
    --pill-radius-liquid: 100px;
    --accent-cyan: #38d9ff;
}

/* Glassmorphism Utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.40) !important;
}

.glass-panel-heavy {
    background: rgba(10, 22, 40, 0.70) !important;
    backdrop-filter: var(--glass-blur-heavy) !important;
    -webkit-backdrop-filter: var(--glass-blur-heavy) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65) !important;
}

.glass-pill {
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 100px !important;
}

/* Safe Area Layout Constants for TV */
@media (min-width: 960px) {
    .tv-main-content {
        padding: 40px 5% !important;
    }
}