/* ======================================================
   TEMA - ARQUIVO CENTRAL DE CORES
   
   Para trocar as cores do site inteiro, altere apenas aqui:
   - --theme-primary: Cor principal (botões, destaques, links)
   - --theme-primary-soft: Cor suave para fundos/hover
   - --theme-primary-glow: Cor para efeitos de brilho
   
   Exemplos de cores:
   - Vermelho: #ff0000
   - Verde: #00ff00
   - Azul: #0066ff
   - Roxo: #9933ff
   - Laranja: #ff6600
   - Rosa: #ff0066
====================================================== */

:root {
  /* ========== COR PRINCIPAL - ALTERE AQUI ========== */
  --theme-primary: #4DAD00;
  --theme-primary-rgb: 255, 0, 0; /* RGB para usar em rgba() */
  
  /* Variações automáticas (não precisa alterar) */
  --theme-primary-soft: rgba(58, 189, 26, 0.4);
  --theme-primary-glow: rgba(58, 189, 26, 0.4);
  --theme-primary-hover: rgba(58, 189, 26, 0.4);
  --theme-primary-shadow: rgba(58, 189, 26, 0.4);
  
  /* ========== MENU (TV, Filmes, Series) ========== */
  --theme-menu-hover: #4DAD00;       /* Cor ao passar o mouse */
  --theme-menu-active: #4DAD00;      /* Cor do item selecionado */
  --theme-menu-underline: #4DAD00;   /* Cor da linha embaixo do ativo */
  
  /* ========== EPG - AGORA / PRÓXIMO ========== */
  --theme-epg-now: #ffffff;          /* Cor do badge AGORA */
  --theme-epg-now-bg: rgb(10, 107, 35);  /* Fundo do badge AGORA */
  --theme-epg-next: #ffffff;         /* Cor do badge PRÓXIMO (azul) */
  --theme-epg-next-bg: rgb(10, 107, 35); /* Fundo do badge PRÓXIMO */
  
  /* ========== QUALIDADE (HD, FHD, 4K) ========== */
  --theme-quality-color: #ffffff;    /* Cor do texto de qualidade */
  --theme-quality-bg: rgb(10, 107, 35);  /* Fundo do ícone de qualidade */
  
  /* ========== CORES DE TEXTO ========== */
  --theme-text-primary: #ffffff;
  --theme-text-secondary: #b5b5b5;
  --theme-text-muted: #888888;
  
  /* ========== CORES DE FUNDO ========== */
  --theme-bg-dark: #0a0a0a;
  --theme-bg-card: rgba(255, 255, 255, 0.04);
  --theme-bg-sidebar: #0d0d0d;
  --theme-bg-overlay: rgba(0, 0, 0, 0.8);
  
  /* ========== OUTRAS CORES ========== */
  --theme-danger: #28a745;
  --theme-warning: #ffc107;
  --theme-success: #28a745;
  
  /* ========== LEGADO (para compatibilidade) ========== */
  --primary-color: var(--theme-primary);
  --primary-light: var(--theme-primary);
  --secondary-color: var(--theme-primary);
  --accent: var(--theme-primary);
  --accent-soft: var(--theme-primary-soft);
  --accent-glow: var(--theme-primary-glow);
  --text-light: var(--theme-text-primary);
  --text-muted: var(--theme-text-secondary);
  --background-dark: var(--theme-bg-dark);
}

/* ========== CLASSES UTILITÁRIAS ========== */
.theme-link {
  color: var(--theme-primary) !important;
}

.theme-link:hover {
  opacity: 0.8;
}

.theme-bg {
  background: var(--theme-primary) !important;
}

.theme-text {
  color: var(--theme-primary) !important;
}

.theme-border {
  border-color: var(--theme-primary) !important;
}