/* ============================================
   AI SLEIPNIR - STANDARD THEME
   Extracted from Home Page design system
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
  /* Core Backgrounds */
  --bg-main: #0a0f1e; /* deeper blue/navy */
  --bg-surface: #0F0F1A;
  --bg-surface-hover: #1A1A2E;
  
  /* Text Colors */
  --text-main: #E0E0E0;
  --text-muted: #8892b0;
  --text-secondary: #b3e6ff;
  
  /* Primary Theme Colors */
  --color-primary: #00F0FF; /* Cyan */
  --color-primary-dark: #00A3AD;
  --color-primary-light: #80F7FF;
  
  /* Secondary Theme Colors */
  --color-secondary: #7000FF; /* Electric Purple */
  --color-secondary-dark: #4a00b3;
  
  /* Accents */
  --color-accent: #00FF94; /* Neon Green */
  --color-accent-glow: rgba(0, 240, 255, 0.5);
  
  /* Glassmorphism Variables */
  --glass-bg: rgba(255, 255, 255, 0.05); /* bg-white/5 */
  --glass-border: rgba(255, 255, 255, 0.1); /* border-white/10 */
  
  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

/* Utility Classes */
.text-glow {
  text-shadow: 0 0 10px var(--color-accent-glow);
}

.glass-panel {
  background-color: var(--glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--glass-border);
}

/* Gradient Hero Glow Utility */
.hero-glow-bg {
  background: conic-gradient(from 180deg at 50% 50%, var(--color-primary) 0deg, var(--color-secondary) 180deg, var(--color-primary) 360deg);
}