/*
 * ════════════════════════════════════════════════════
 *  ROOT — Variáveis de cor da plataforma
 *  Edite aqui para alterar o tema globalmente.
 * ════════════════════════════════════════════════════
 */
:root {

  /* ── Fundos ─────────────────────────────────────── */
  --color-bg:              #0a0c12;   /* fundo do body */
  --color-surface:         #0d0f18;   /* superfície principal (sidebar, cards) */
  --color-surface-2:       #161926;   /* superfície secundária (hover, inputs) */

  /* ── Bordas ─────────────────────────────────────── */
  --color-border:          rgba(255, 255, 255, 0.07);

  /* ── Cor primária (botões, destaques, ícone ativo) ─ */
  --color-primary:         #015DF2;
  --color-primary-dim:     rgba(1, 93, 242, 0.13);    /* fundo suave do item ativo */

  /* ── Neon glow da cor primária ──────────────────── */
  --color-primary-glow:    rgba(1, 93, 242, 0.55);    /* sombra neon forte */
  --color-primary-glow-sm: rgba(1, 93, 242, 0.35);    /* sombra neon suave */
  --glass-bar-tint:        color-mix(in oklab, var(--color-primary) 6%, transparent); /* tint vidro sidebar */

  /* ── Textos ─────────────────────────────────────── */
  --color-text:            #ffffff;
  --color-text-muted:      #8b8fa8;
  --color-text-subtle:     #555870;

  /* ── Badges ─────────────────────────────────────── */
  --color-badge-live-bg:   rgba(239, 68, 68, 0.15);
  --color-badge-live-text: #f87171;

  /* ── Overlay mobile ─────────────────────────────── */
  --color-overlay:         rgba(0, 0, 0, 0.65);

}