/* glassmorphism - Modern glass effect, frosted semi-transparent cards */
:root {
  --clr-bg: #0f0c29;
  --clr-bg-alt: #1a1540;
  --clr-surface: rgba(255, 255, 255, 0.08);
  --clr-border: rgba(255, 255, 255, 0.15);
  --clr-primary: #a78bfa;
  --clr-primary-hover: #8b5cf6;
  --clr-primary-light: rgba(167, 139, 250, 0.15);
  --clr-primary-dark: #7c3aed;
  --clr-accent: #34d399;
  --clr-accent2: #60a5fa;
  --clr-text: #e2e8f0;
  --clr-text-muted: #94a3b8;
  --clr-text-light: #64748b;
  --clr-heading: #ffffff;
  --clr-card-bg: rgba(255, 255, 255, 0.08);
  --clr-nav-bg: rgba(15, 12, 41, 0.85);
  --clr-nav-text: #e2e8f0;
  --clr-hero-bg: #0f0c29;
  --clr-hero-text: #ffffff;
  --clr-footer-bg: rgba(8, 6, 20, 0.9);
  --clr-footer-text: #64748b;
  --clr-cta-bg: linear-gradient(135deg, rgba(167, 139, 250, 0.3) 0%, rgba(52, 211, 153, 0.3) 100%);
  --font-sans: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: var(--font-sans);
  --font-body: var(--font-sans);
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 25px 80px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.25);
  --gradient-primary: linear-gradient(135deg, #a78bfa, #34d399);
  --gradient-hero: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
  --gradient-cta: linear-gradient(135deg, #a78bfa 0%, #34d399 100%);
}