/* AIOS Prism Design System - Professional V2.0 */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root {
  /* Background Gradient */
  --gradient-bg: radial-gradient(circle at 50% 50%, #0f172a 0%, #020617 100%);
  --surface-dark: #020617;

  /* Surface Colors - Frozen Glass */
  --glass-bg: rgba(15, 23, 42, 0.4);
  --glass-border: rgba(148, 163, 184, 0.1);
  --glass-hover: rgba(30, 41, 59, 0.5);
  --glass-active: rgba(59, 130, 246, 0.15);

  /* Card Surfaces */
  --surface-card: rgba(20, 30, 50, 0.3);

  /* Text - High Contrast */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;

  /* Accents */
  --accent-blue: #3b82f6;
  --accent-blue-hover: #2563eb;
  --accent-orange: #f97316;
  --accent-purple: #a855f7;
  --accent-cyan: #06b6d4;
  --accent-success: #22c55e;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-section: 120px;
  --space-hero-gap: 100px;

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --header-height: 64px;
  --max-width: 1100px;

  /* Dynamic variables for JS tracking */
  --cursor-x: 50%;
  --cursor-y: 50%;
  --glow-pulse: 0.5;
  --prism-rotate: 0deg;
}

body {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--surface-dark);
  background-attachment: fixed;
  color: var(--text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
.brand {
  font-family: 'Archivo', sans-serif;
  letter-spacing: -0.01em;
}