/**
 * templates/saas-template/frontend/css/variables.css
 * MQnet Design System Tokens & Glassmorphism Colors
 */
:root {
  /* Color Palette */
  --bg-primary: #0a0e17;
  --bg-secondary: #111827;
  --bg-card: rgba(17, 24, 39, 0.75);
  --bg-glass: rgba(30, 41, 59, 0.65);
  
  --border-color: rgba(255, 255, 255, 0.1);
  --border-hover: rgba(56, 189, 248, 0.4);

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;

  --accent-cyan: #06b6d4;
  --accent-cyan-hover: #0891b2;
  --accent-purple: #c084fc;
  --accent-purple-hover: #a855f7;
  --accent-emerald: #10b981;
  --accent-rose: #f43f5e;
  --accent-amber: #f59e0b;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-title: 'Outfit', var(--font-family);

  /* Layout & Spacing */
  --max-width: 1200px;
  --header-height: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows & Blur */
  --glass-blur: blur(12px);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  --neon-glow: 0 0 15px rgba(6, 182, 212, 0.35);
}