:root {
  /* Colors */
  --navy:         #0F1729;
  --navy-2:       #141e38;
  --navy-3:       #1a2545;
  --indigo:       #6C63FF;
  --indigo-light: #8b85ff;
  --indigo-dark:  #5046e5;
  --white:        #ffffff;
  --gray:         #94a3b8;
  --gray-2:       #64748b;
  --success:      #4ade80;
  --error:        #f87171;

  /* Borders */
  --border:       rgba(255, 255, 255, 0.08);
  --border-indigo: rgba(108, 99, 255, 0.25);

  /* Spacing */
  --section-pad:  96px;
  --radius:       16px;
  --radius-sm:    10px;
  --radius-lg:    24px;

  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Transitions */
  --transition:   0.2s ease;
  --transition-md: 0.3s ease;
}