@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");

:root {
  --bg-0: #06121a;
  --bg-1: #0b1d29;
  --bg-2: #112b3c;
  --surface-0: #102433;
  --surface-1: #173246;
  --surface-2: #1e3d55;
  --line: rgba(143, 174, 196, 0.2);
  --text-0: #e7f0f7;
  --text-1: #bdd0de;
  --text-2: #8ba3b6;
  --accent: #1aa4ff;
  --accent-2: #3ad0ff;
  --gain: #22c37c;
  --loss: #ef4c58;
  --warn: #f2b95e;
  --shadow-lg: 0 20px 50px rgba(0, 8, 13, 0.42);
  --shadow-sm: 0 6px 18px rgba(0, 8, 13, 0.2);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
}