/*
 * SuperQ · tokens de diseño compartidos (web; la app usa los mismos valores).
 * Colores extraídos del logo entregado por la emisora (LogoSQ-90.5fm-tranparente.png, 2026-11-04).
 * No hay manual de marca: si llega uno con códigos oficiales, se reemplazan aquí.
 *
 * Contraste verificado (WCAG AA texto ≥ 4.5:1, controles ≥ 3:1) sobre --sq-bg:
 *   amarillo 15.8 · rojo-texto 6.3 · azul-texto 7.1 · rojo del logo 4.6
 *   blanco sobre --sq-red-ui 5.5 · negro sobre amarillo 15.8 · blanco sobre azul 5.8
 */
:root {
  /* Colores del logo (usar tal cual en ilustración, bordes, acentos) */
  --sq-red: #F51316;
  --sq-yellow: #FEEC02;
  --sq-blue: #0267B7;
  --sq-ink: #0E0E10;

  /* Variantes para interfaz (con contraste suficiente) */
  --sq-red-ui: #D10F12;      /* fondo de botón "Escuchar en vivo" con texto blanco */
  --sq-red-text: #FF5A5C;    /* texto rojo sobre fondo oscuro */
  --sq-blue-text: #4DA3E8;   /* texto/enlace azul sobre fondo oscuro */

  /* Superficies (tema oscuro por defecto: el logo y el video destacan) */
  --sq-bg: #0E0E10;
  --sq-surface: #1A1A1F;
  --sq-surface-2: #26262D;
  --sq-text: #F4F4F5;
  --sq-text-muted: #A1A1AA;
  --sq-border: #3F3F46;

  /* Estados del reproductor */
  --sq-ok: #22C55E;
  --sq-warn: #F59E0B;
  --sq-error: #EF4444;

  /* Tipografía y medidas */
  --sq-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sq-text-base: 16px;
  --sq-touch: 48px;          /* alto mínimo de botones */
  --sq-radius: 12px;
}