/* GNR Tracker — Video Styles */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

:root {
  --navy-900: #0A1628;
  --navy-800: #0F1B2D;
  --navy-700: #1A2942;
  --navy-600: #243553;
  --slate-500: #64748B;
  --slate-400: #94A3B8;
  --slate-300: #CBD5E1;
  --slate-200: #E2E8F0;
  --slate-100: #F1F5F9;
  --slate-50:  #F8FAFC;
  --white:     #FFFFFF;

  /* Accent: warm amber (fuel) */
  --amber-600: #D97706;
  --amber-500: #F59E0B;
  --amber-400: #FBBF24;
  --amber-100: #FEF3C7;
  --amber-50:  #FFFBEB;

  /* Trust greens */
  --green-600: #059669;
  --green-500: #10B981;
  --green-400: #34D399;
  --green-100: #D1FAE5;
  --green-50:  #ECFDF5;

  --red-500:   #EF4444;
  --red-100:   #FEE2E2;

  --blue-600:  #2563EB;
  --blue-500:  #3B82F6;
  --blue-100:  #DBEAFE;

  --shadow-sm: 0 1px 2px rgba(15, 27, 45, 0.06), 0 1px 3px rgba(15, 27, 45, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 27, 45, 0.08), 0 2px 4px rgba(15, 27, 45, 0.04);
  --shadow-lg: 0 16px 48px rgba(15, 27, 45, 0.12), 0 4px 12px rgba(15, 27, 45, 0.06);
  --shadow-xl: 0 32px 80px rgba(15, 27, 45, 0.18), 0 8px 24px rgba(15, 27, 45, 0.08);
}

html, body {
  margin: 0;
  padding: 0;
  background: #050810;
  font-family: 'Geist', 'Inter', system-ui, sans-serif;
  overflow: hidden;
  height: 100vh;
}

#root {
  position: fixed;
  inset: 0;
}

* { box-sizing: border-box; }

/* Custom cursor blob shadow */
@keyframes cursorPulse {
  0%, 100% { transform: scale(1); opacity: 0.4; }
  50%      { transform: scale(1.3); opacity: 0.2; }
}