:root {
  /* Brand */
  --lime:        #a3e635;
  --lime-dim:    #84cc16;
  --lime-glow:   rgba(163, 230, 53, 0.15);
  --lime-border: rgba(163, 230, 53, 0.25);

  /* Surfaces */
  --bg:          #070707;
  --surface:     #111111;
  --surface-2:   #181818;
  --border:      rgba(255, 255, 255, 0.07);
  --border-hover:rgba(255, 255, 255, 0.14);

  /* Text */
  --text-1:      #ffffff;
  --text-2:      #a1a1aa;
  --text-3:      #52525b;

  /* Semantic */
  --red:         #f87171;
  --amber:       #fbbf24;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Layout */
  --max-w: 1200px;
  --nav-h: 64px;

  /* Radius */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  24px;

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 250ms ease;
}