:root {
  /* Cores base */
  --bg-0: #07070B;
  --bg-1: #0E0E14;
  --bg-2: #16161F;
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);

  /* Texto */
  --fg-0: #FAFAFA;
  --fg-1: #A1A1AA;
  --fg-2: #71717A;

  /* Acentos neon */
  --accent-violet: #8B5CF6;
  --accent-cyan:   #06B6D4;
  --accent-green:  #10B981;
  --gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #06B6D4 100%);
  --gradient-text: linear-gradient(135deg, #C4B5FD 0%, #67E8F9 100%);

  /* Tipografia */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Espaçamento */
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem;
  --space-4: 1rem;   --space-6: 1.5rem; --space-8: 2rem;
  --space-12: 3rem;  --space-16: 4rem;  --space-24: 6rem;
  --space-32: 8rem;

  /* Radius */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 28px;

  /* Sombras / glow */
  --glow-violet: 0 0 40px -10px rgba(139,92,246,.5);
  --glow-cyan:   0 0 40px -10px rgba(6,182,212,.5);
  --shadow-elevated: 0 10px 30px -10px rgba(0,0,0,0.5);
  
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}