/* CreaIPTV — Variables CSS definitivas — PRD v3.1 sección 3.2 */
:root {
  /* ── COLORES DEL LOGO ─────────────────────────────── */
  --crea-teal:    #6BAAA0;
  --crea-mint:    #91C9A8;
  --crea-lima:    #C8DE7A;
  --crea-slate:   #7AAFC0;

  /* ── FONDOS ─────────────────────────────────────── */
  --bg-deep:      #000000;
  --bg-primary:   #0D1C1A;
  --bg-surface:   #162521;
  --bg-elevated:  #1E3330;
  --bg-border:    #2A4540;

  /* ── TEXTO ───────────────────────────────────────── */
  --text-primary:   #E8F5F2;
  --text-secondary: #8AAAA5;
  --text-muted:     #4D706C;

  /* ── ACENTOS FUNCIONALES ─────────────────────────── */
  --accent-focus:   #D4EC5A;
  --accent-success: #4DC98A;
  --accent-warning: #E8A030;
  --accent-error:   #E85A5A;
  --accent-info:    #7AAFC0;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg-deep);
  color: var(--text-primary);
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  overflow: hidden; /* TV: sin scroll */
  width: 100vw;
  height: 100vh;
}