src/styles/variables.css

:root {
  /* Colors */
  --bg-app: #02040a;
  --bg-panel: rgba(13, 22, 45, 0.6);
  --bg-panel-hover: rgba(20, 30, 60, 0.7);
  
  --primary: #00f0ff;
  --primary-glow: rgba(0, 240, 255, 0.4);
  --secondary: #7000ff;
  --accent: #ff0055;
  
  --text-main: #ffffff;
  --text-muted: #94a3b8;
  --border-color: rgba(255, 255, 255, 0.1);

  /* Status Colors */
  --status-online: #00ff9d;
  --status-offline: #ff0055;
  --status-roaming: #ffbf00;

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  /* Effects */
  --glass-blur: 12px;
  --glass-border: 1px solid rgba(255, 255, 255, 0.05);
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 15px var(--primary-glow);
}