:root {
  --brio-red: #E8281A;
  --brio-red-dark: #C01F13;
  --brio-green: #22C55E;
  --brio-black: #0D0D0D;
  --brio-card: #181818;
  --brio-card-elevated: #222222;
  --brio-border: rgba(255, 255, 255, 0.08);
  --brio-text: #FFFFFF;
  --brio-text-muted: #9A9A9A;
  --brio-radius: 10px;
  /* Aliases para compatibilidade com web-player */
  --brio-red-hover: var(--brio-red-dark);
  --brio-surface-1: var(--brio-card);
  --brio-surface-2: var(--brio-card-elevated);
  --brio-text-faint: #555555;
  --brio-success: var(--brio-green);
  --brio-warning: #F59E0B;
  --brio-danger: #EF4444;
  --brio-red-glow: rgba(232, 40, 26, 0.15);
  --brio-red-subtle: rgba(232, 40, 26, 0.08);
  --brio-border-red: rgba(232, 40, 26, 0.2);
  --brio-font: 'Inter', system-ui, sans-serif;
  --brio-font-display: 'Barlow Condensed', sans-serif;
  --brio-radius-sm: 8px;
  --brio-radius-md: 10px;
  --brio-radius-lg: 14px;
  --brio-radius-xl: 20px;
}