:root {
  --navy: #050d1a;
  --navy2: #0a1628;
  --navy3: #0f2040;
  --accent: #00e5ff;
  --accent2: #0099cc;
  --adim: rgba(0, 229, 255, 0.15);
  --afaint: rgba(0, 229, 255, 0.06);
  --w: #f0f4f8;
  --w2: #a8bccc;
  --w3: #7593b8;
  --bd: rgba(0, 229, 255, 0.14);
  --bd2: rgba(0, 229, 255, 0.07);
  --grid: rgba(0, 229, 255, 0.035);
  --bg-body: #020810;

  --font-display: "Syne", sans-serif;
  --font-mono: "DM Mono", monospace;
  --font-body: "Inter", sans-serif;

  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 60px;
  --space-2xl: 100px;

  --radius-sm: 2px;
  --radius-btn: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  --container-width: 1200px;
  --cs-container-width: 800px;
  --cs-body-width: 760px;

  --transition-fast: 0.2s;
  --transition-med: 0.3s;

  --z-grid: 0;
  --z-base: 1;
  --z-content: 2;
  --z-nav: 90;
  --z-mobile-menu: 89;
  --z-accent-line: 100;
  --z-cursor-ring: 9998;
  --z-cursor: 9999;
}