:root {
  --lr-background: #020817;
  --lr-surface: #0b1220;
  --lr-surface-raised: #111827;
  --lr-border: #263449;
  --lr-text: #f8fafc;
  --lr-text-secondary: #9aa8be;
  --lr-blue: #318cff;
  --lr-cyan: #00d8ff;
  --lr-purple: #8158ff;
  --lr-magenta: #f125c7;
  --lr-cta: linear-gradient(90deg, var(--lr-cyan) 0%, var(--lr-blue) 48%, var(--lr-purple) 100%);
  --lr-font: "Manrope", "Inter", "Segoe UI", sans-serif;
  --lr-display: "Manrope", "Inter", sans-serif;
  --lr-space-1: 0.5rem;
  --lr-space-2: 1rem;
  --lr-space-3: 1.5rem;
  --lr-space-4: 2.5rem;
  --lr-space-5: 4.5rem;
  --lr-radius: 18px;
  --lr-radius-sm: 12px;
  --lr-max: 1180px;
  --lr-header: 76px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --lr-motion: 0ms;
  }
}