:root {
  /* =========================================================
     COR DO APP — altere SÓ estas 2 linhas
     (hover, foco, ativo, barras, badges, menu…)
     ========================================================= */
  --theme-primary: #FE6207;
  --theme-primary-rgb: 255, 0, 0;

  /* Atalhos de foco/hover (apontam pra primary — não precisa mexer) */
  --theme-focus: var(--theme-primary);
  --theme-focus-hover: var(--theme-primary);
  --theme-focus-active: #ffffff;

  /* Variações (usam o RGB acima) */
  --theme-primary-soft: rgba(var(--theme-primary-rgb), 0.68);
  --theme-primary-glow: rgba(var(--theme-primary-rgb), 0.68);
  --theme-primary-hover: rgba(var(--theme-primary-rgb), 0.68);
  --theme-primary-shadow: rgba(var(--theme-primary-rgb), 0.68);

  /* Menu lateral (TV / Filmes / Séries) */
  --theme-menu-hover: var(--theme-primary);
  --theme-menu-active: var(--theme-primary);
  --theme-menu-underline: var(--theme-primary);

  /* EPG */
  --theme-epg-now: #ffffff;
  --theme-epg-now-bg: var(--theme-primary);
  --theme-epg-next: #ffffff;
  --theme-epg-next-bg: var(--theme-primary);

  /* Qualidade (HD, FHD, 4K) */
  --theme-quality-color: #ffffff;
  --theme-quality-bg: var(--theme-primary);

  /* Texto */
  --theme-text-primary: #ffffff;
  --theme-text-secondary: #b5b5b5;
  --theme-text-muted: #888888;

  /* Vidro líquido (Híbrido) */
  --glass-bg: linear-gradient(
    180deg,
    rgba(64, 64, 64, 0.50) 0%,
    rgba(40, 40, 40, 0.38) 50%,
    rgba(16, 16, 16, 0.82) 100%
  );
  --glass-stroke: rgba(255, 255, 255, 0.19);
  --glass-blur: 18px;

  /* Fundos */
  --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);

  /* Status */
  --theme-danger: #FE6207;
  --theme-warning: #ffc107;
  --theme-success: #28a745;

  /* Legado */
  --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;
}