/* ============================================
   Mini Game Bay - CSS Variables & Themes
   ============================================ */

:root {
  --bg-primary: #0f0f1a;
  --bg-secondary: #1a1a2e;
  --bg-card: #16213e;
  --bg-sidebar: #0a0a15;
  --text-primary: #e0e0e0;
  --text-secondary: #a0a0b8;
  --text-muted: #6c6c80;
  --accent-primary: #6c63ff;
  --accent-secondary: #f72585;
  --accent-success: #00c853;
  --accent-warning: #ff9800;
  --accent-danger: #ef4444;
  --accent-info: #0ea5e9;
  --border-color: #2a2a40;
  --shadow: 0 4px 20px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.4);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
  --font-sans: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --gradient-primary: linear-gradient(135deg, #6c63ff, #f72585);
}