/* DarkPentra Unified CSS Variables */
:root {
  /* Background Colors */
  --bg-primary: #0a0a1a;
  --bg-secondary: #111128;
  --bg-card: rgba(17, 17, 40, 0.7);
  --bg-glass: rgba(139, 92, 246, 0.08);
  --border-glass: rgba(139, 92, 246, 0.2);
  
  /* Accent Colors */
  --accent: #8B5CF6;
  --accent2: #06B6D4;
  
  /* State Colors */
  --green: #10B981;
  --red: #EF4444;
  --yellow: #F59E0B;
  
  /* Text Colors */
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  
  /* Effects */
  --gradient: linear-gradient(135deg, var(--accent), var(--accent2));
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  
  /* Border Radius */
  --radius: 16px;
  --radius-sm: 8px;
}