/* Tema de MAYAN TV generado por el servidor.
   Se cambia en el panel: Configuración > Apariencia. */
:root:root {
  --bg: #0F0618;
  --surface: #1C0F2E;
  --surface-2: #2A1745;
  --border: #3A2853;
  --text: #F4F0FA;
  --text-muted: #B8AACD;
  --text-faint: rgba(244, 240, 250, 0.55);
  --brand-primary: #3B106C;
  --brand-on-primary: #F4F0FA;
  --brand-secondary: #0B3A9E;
  --brand-on-secondary: #F4F0FA;
  --accent: #FC8A00;
  --accent-end: #F02400;
  --accent-text: #0F0618;
  --focus-ring: #FDCA1A;
  --live: #4CC26A;
  --down: #FF5A3C;
  --live-badge-bg: #F02400;
  --live-badge-text: #0F0618;
  --down-bg: rgba(255, 90, 60, 0.25);
  --down-bg-soft: rgba(255, 90, 60, 0.15);
  --down-text: #FFB5A7;
  --ok-bg: #1C2F2A;
  --ok-text: #8BD79E;
  --ok-text-strong: #C9EDD2;
  --warn-bg: #3A2918;
  --warn-text: #FED753;
  --bad-bg: #3F171F;
  --bad-text: #FF9C8A;
  --bad-text-strong: #FFCEC4;
  --danger-bg: #4B1B21;
  --accent-glow: rgba(252, 138, 0, 0.18);
  --accent-soft: rgba(252, 138, 0, 0.16);
  --primary-glow: rgba(59, 16, 108, 0.55);
  --focus-glow: rgba(253, 202, 26, 0.35);
  --accent-shadow: rgba(252, 138, 0, 0.35);
  --secondary-glow: rgba(11, 58, 158, 0.12);
  --featured-from: rgba(59, 16, 108, 0.35);
  --featured-mid: rgba(11, 58, 158, 0.18);
  --featured-to: rgba(28, 15, 46, 0.9);
  --card-bg: rgba(28, 15, 46, 0.85);
  --card-bg-focused: #301E4A;
  --stage-from: #34224E;
  --stage-to: #160A23;
  --tint-1: rgba(244, 240, 250, 0.04);
  --tint-2: rgba(244, 240, 250, 0.05);
  --tint-3: rgba(244, 240, 250, 0.06);
  --hairline: rgba(244, 240, 250, 0.08);
  --tag-bg: rgba(244, 240, 250, 0.12);
  --logo-tile-bg: #23133A;
  --logo-tile-text: #B8AACD;
  --logo-halo: rgba(244, 240, 250, 0.7);
  --player-bg: #000000;
  --scrim-strong: rgba(0, 0, 0, 0.85);
  --scrim: rgba(0, 0, 0, 0.8);
  --scrim-soft: rgba(0, 0, 0, 0.55);
  --backdrop: rgba(0, 0, 0, 0.6);
  --shadow: rgba(0, 0, 0, 0.35);
  --qr-bg: #ffffff;
  --bg-overlay: rgba(15, 6, 24, 0.8);
  --bg-image: none;
  color-scheme: dark;
}