:root {
  --sp-primary: #2563eb;
  --sp-primary-hover: #1d4ed8;
  --sp-primary-active: #1e40af;
  --sp-primary-soft: #eff6ff;

  --sp-green: #22c55e;
  --sp-green-soft: #f0fdf4;
  --sp-orange: #f59e0b;
  --sp-orange-soft: #fffbeb;
  --sp-purple: #7c3aed;
  --sp-purple-soft: #f5f3ff;
  --sp-cyan: #06b6d4;
  --sp-cyan-soft: #ecfeff;
  --sp-red: #ef4444;
  --sp-red-soft: #fef2f2;
  --sp-teal: #14b8a6;
  --sp-pink: #ec4899;

  --sp-text: #172033;
  --sp-text-secondary: #475569;
  --sp-placeholder: #94a3b8;
  --sp-disabled: #cbd5e1;
  --sp-background: #f8fafc;
  --sp-surface: #ffffff;
  --sp-border: #e5e7eb;
  --sp-divider: #f1f5f9;

  --sp-space-1: 4px;
  --sp-space-2: 8px;
  --sp-space-3: 16px;
  --sp-space-4: 24px;
  --sp-space-5: 32px;
  --sp-space-6: 40px;
  --sp-space-7: 48px;
  --sp-space-8: 64px;
  --sp-space-9: 80px;
  --sp-space-10: 96px;

  --sp-radius-control: 12px;
  --sp-radius-card: 18px;
  --sp-radius-modal: 24px;
  --sp-radius-hero: 28px;

  --sp-shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);
  --sp-shadow-lg: 0 12px 40px rgba(15, 23, 42, .08);

  --sp-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sp-transition-fast: 120ms ease;
  --sp-transition: 180ms ease;
}