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

  /* ── Fundos ─────────────────────────────────────── */
  --color-bg:              #120a0a;   /* fundo do body */
  --color-surface:         #180d0d;   /* superfície principal (sidebar, cards) */
  --color-surface-2:       #261616;   /* 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:         #f40302;
  --color-primary-dim:     rgba(244, 3, 2, 0.13);    /* fundo suave do item ativo */

  /* ── Neon glow da cor primária ──────────────────── */
  --color-primary-glow:    rgba(244, 3, 2, 0.55);    /* sombra neon forte */
  --color-primary-glow-sm: rgba(244, 3, 2, 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:      #a98d8c;
  --color-text-subtle:     #715656;

  /* ── 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);

}