:root {
  /* ========== COR PRINCIPAL - ALTERE AQUI ========== */
  --theme-primary: #ff0000;
  --theme-primary-rgb: 255, 0, 0; /* RGB para usar em rgba() */
  
  /* Variações automáticas (não precisa alterar) */
  --theme-primary-soft: rgba(255, 0, 0, 0.678);
  --theme-primary-glow: rgba(255, 0, 0, 0.678);
  --theme-primary-hover: rgba(255, 0, 0, 0.678);
  --theme-primary-shadow: rgba(255, 0, 0, 0.678);
  
  /* ========== MENU (TV, Filmes, Series) ========== */
  --theme-menu-hover: #ff0000;       /* Cor ao passar o mouse */
  --theme-menu-active: #ff0000;      /* Cor do item selecionado */
  --theme-menu-underline: #ff0000;   /* Cor da linha embaixo do ativo */
  
  /* ========== EPG - AGORA / PRÓXIMO ========== */
  --theme-epg-now: #ffffff;          /* Cor do badge AGORA */
  --theme-epg-now-bg: rgb(255, 0, 0);  /* Fundo do badge AGORA */
  --theme-epg-next: #ffffff;         /* Cor do badge PRÓXIMO (azul) */
  --theme-epg-next-bg: rgb(255, 0, 0); /* Fundo do badge PRÓXIMO */
  
  /* ========== QUALIDADE (HD, FHD, 4K) ========== */
  --theme-quality-color: #ffffff;    /* Cor do texto de qualidade */
  --theme-quality-bg: rgb(255, 0, 0);  /* 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: #e74c3c;
  --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;
}