:root {
  --fp-primary: #2563eb;
  --fp-secondary: #6d28d9;
  --fp-success: #059669;
  --fp-warning: #d97706;
  --fp-danger: #dc2626;
  --fp-ink: #0f172a;
  --fp-surface: #ffffff;
  --fp-surface-soft: #f8fafc;
  --fp-border: #e2e8f0;
  --fp-focus: 0 0 0 4px rgba(37, 99, 235, .16);
  --fp-radius-sm: 10px;
  --fp-radius-md: 14px;
  --fp-radius-lg: 18px;
  --fp-space-xs: .5rem;
  --fp-space-sm: .75rem;
  --fp-space-md: 1rem;
  --fp-space-lg: 1.5rem;
  --fp-space-xl: 2rem;
}