/* =====================================================
   DungeonCast — Dungeon Theme Override
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=VT323&display=block');

:root {
  /* Override NodeCast purple with Dungeon green */
  --color-bg-primary:   #0b0f0e;
  --color-bg-secondary: #111915;
  --color-bg-tertiary:  #172118;
  --color-bg-hover:     #1e2a20;
  --color-bg-active:    #243022;

  --color-accent:       #34d399;
  --color-accent-hover: #6ee7b7;
  --color-accent-dim:   rgba(52,211,153,0.15);

  --color-success:  #34d399;
  --color-warning:  #fbbf24;
  --color-error:    #f87171;

  --color-text-primary:   #e2e8e4;
  --color-text-secondary: #94a3a0;
  --color-text-muted:     #6b8f7a;

  --color-border:       rgba(52,211,153,0.12);
  --color-border-light: rgba(52,211,153,0.22);

  --glass-bg:     rgba(17,25,21,0.85);
  --glass-border: rgba(52,211,153,0.1);

  --shadow-glow: 0 0 20px rgba(52,211,153,0.2);
}

/* Brand name */
.brand-text {
  font-family: 'VT323', monospace !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  color: var(--color-accent) !important;
  padding-top: 0 !important;
  line-height: 1.4 !important;
}

/* Nav active state */
.nav-link.active {
  color: var(--color-accent);
  background: var(--color-accent-dim);
}

.nav-link:hover {
  color: var(--color-text-primary);
  background: var(--color-bg-hover);
}

/* Accent buttons */
.btn-primary,
.btn-login,
[class*="btn-accent"],
.settings-save-btn {
  background: var(--color-accent) !important;
  color: #0b0f0e !important;
  font-weight: 700 !important;
}

.btn-primary:hover,
.btn-login:hover {
  opacity: 0.9 !important;
  box-shadow: 0 4px 12px rgba(52,211,153,0.25) !important;
}

/* Progress bars, sliders */
input[type="range"]::-webkit-slider-thumb { background: var(--color-accent); }
input[type="range"]::-webkit-slider-runnable-track { background: var(--color-accent-dim); }

/* Active/selected states */
.channel-item.active,
.channel-item:hover,
.epg-program:hover,
.movie-card:hover,
.series-card:hover {
  border-color: rgba(52,211,153,0.3) !important;
}

.channel-item.active { background: var(--color-accent-dim) !important; }

/* Live badge */
.live-badge,
.badge-live { background: var(--color-accent) !important; color: #0b0f0e !important; }

/* Scrollbars */
::-webkit-scrollbar-track { background: var(--color-bg-primary); }
::-webkit-scrollbar-thumb { background: rgba(52,211,153,0.2); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(52,211,153,0.35); }

/* Logo SVG fill */
.logo svg { fill: var(--color-accent) !important; }

/* Navbar bottom border */
.navbar { border-bottom: 1px solid rgba(52,211,153,0.12); }

/* Page title font */
.page-title,
h1.page-title { font-family: 'VT323', monospace; font-size: 22px; font-weight: 400; }

/* Focus rings */
input:focus, select:focus, textarea:focus, button:focus-visible {
  outline: 2px solid rgba(52,211,153,0.4) !important;
  outline-offset: 2px;
}

/* Version badge */
.version-badge { background: var(--color-accent); color: #0b0f0e; }