/* ==========================================================================
   APEX - THEME SYSTEM & UNIVERSE SKINS
   Custom Accent Colors (Twitter Premium Orange, Sky, Violet, etc.)
   Background Modes: Lights Out (OLED) & Dim
   ========================================================================== */

/* Accent Color Overrides */
[data-accent="orange"] {
  --color-accent: #ff7a00;
  --color-accent-hover: #e06c00;
  --color-accent-light: rgba(255, 122, 0, 0.14);
  --color-accent-glow: rgba(255, 122, 0, 0.35);
}

[data-accent="blue"] {
  --color-accent: #1d9bf0;
  --color-accent-hover: #1a8cd8;
  --color-accent-light: rgba(29, 155, 240, 0.14);
  --color-accent-glow: rgba(29, 155, 240, 0.35);
}

[data-accent="violet"] {
  --color-accent: #8b5cf6;
  --color-accent-hover: #7c3aed;
  --color-accent-light: rgba(139, 92, 246, 0.14);
  --color-accent-glow: rgba(139, 92, 246, 0.35);
}

[data-accent="green"] {
  --color-accent: #00ba7c;
  --color-accent-hover: #009e6a;
  --color-accent-light: rgba(0, 186, 124, 0.14);
  --color-accent-glow: rgba(0, 186, 124, 0.35);
}

[data-accent="crimson"] {
  --color-accent: #f4212e;
  --color-accent-hover: #dc1e2a;
  --color-accent-light: rgba(244, 33, 46, 0.14);
  --color-accent-glow: rgba(244, 33, 46, 0.35);
}

[data-accent="gold"] {
  --color-accent: #ffd700;
  --color-accent-hover: #e6c200;
  --color-accent-light: rgba(255, 215, 0, 0.14);
  --color-accent-glow: rgba(255, 215, 0, 0.35);
}

/* Background Modes */
/* 1. Lights Out (Pure Black OLED) - Default */
[data-bg="black"] {
  --bg-primary: #000000;
  --bg-secondary: #16181c;
  --bg-tertiary: #202327;
  --border-color: #2f3336;
  --border-subtle: #1e2124;
}

/* 2. Dim Mode (Twitter Blue-Grey) */
[data-bg="dim"] {
  --bg-primary: #15202b;
  --bg-secondary: #1e2732;
  --bg-tertiary: #273340;
  --border-color: #38444d;
  --border-subtle: #2b3945;
}

/* ==========================================================================
   UNIVERSE SKINS & BADGES
   ========================================================================== */

/* Pro Wrestling Universe (Kayfabe) */
[data-universe="wrestling"] {
  --universe-color: #ff3344;
  --universe-glow: rgba(255, 51, 68, 0.3);
}

.badge-wrestling {
  background: linear-gradient(135deg, #ffd700, #ff8c00);
  color: #000;
  font-weight: 800;
}

/* Football / Sports Universe */
[data-universe="football"], [data-universe="soccer"] {
  --universe-color: #00ba7c;
  --universe-glow: rgba(0, 186, 124, 0.3);
}

/* Fabrizio Romano Tier 1 News Banner Skin */
.fabrizio-card {
  border: 1px solid #ffd700 !important;
  background: linear-gradient(180deg, rgba(255, 215, 0, 0.08) 0%, rgba(22, 24, 28, 0.95) 100%) !important;
  box-shadow: 0 4px 20px rgba(255, 215, 0, 0.15);
}

.here-we-go-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f4212e;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
  animation: pulse-red 2s infinite ease-in-out;
}

@keyframes pulse-red {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(0.97); }
}

/* After Dark (Mature/NSFW) Universe Skin */
[data-universe="afterDark"] {
  --universe-color: #a855f7;
  --universe-glow: rgba(168, 85, 247, 0.35);
}

.badge-afterdark {
  background: linear-gradient(135deg, #ec4899, #8b5cf6);
  color: #ffffff;
  font-weight: 800;
}

.mature-tag {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: rgba(236, 72, 153, 0.2);
  color: #f472b6;
  border: 1px solid rgba(236, 72, 153, 0.4);
}