:root {
  --navy:          #05030b;
  --navy-mid:      #0b1428;
  --navy-surface:  #0f1e3a;
  --navy-glass:    rgba(11, 20, 40, 0.6);
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-med:    rgba(255, 255, 255, 0.12);
  --white:         #ffffff;
  --white-dim:     rgba(255, 255, 255, 0.55);
  --white-dimmer:  rgba(255, 255, 255, 0.25);
  --cta:           #4a7cff;
  --cta-hover:     #5f8fff;
  --font-sans:     'Satoshi', 'Helvetica Neue', sans-serif;
  --font-mono:     'Space Grotesk', monospace;
  --s-xs:  0.5rem;
  --s-sm:  1rem;
  --s-md:  1.75rem;
  --s-lg:  3rem;
  --s-xl:  5rem;
  --s-2xl: 8rem;
  --max-w: 1080px;
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 220ms;
}