:root {
  --sl-color-main: #93278f;
  --sl-color-main-dark: #6e186f;
  --sl-color-main-light: #b500a9;
  --sl-color-secondary: #ec00d2;
  --sl-color-button: #93278f;
  --sl-color-heading: #1f0a2e;
  --sl-color-text-primary: #241330;
  --sl-color-text-muted: #6f6575;
  --sl-color-bg-page: #f6eff7;
  --sl-color-bg-card: #ffffff;
  --sl-color-bg-card-alt: #f2e4f4;
  --sl-color-border-subtle: #e6d4ea;

  --sl-space-1: 4px;
  --sl-space-2: 8px;
  --sl-space-3: 12px;
  --sl-space-4: 16px;
  --sl-space-5: 20px;
  --sl-space-6: 24px;
  --sl-space-8: 32px;
  --sl-space-10: 40px;

  --sl-page-max-width: 1200px;
  --sl-card-padding: 24px;
  --sl-section-gap: 40px;
  --sl-label-input-gap: 12px;

  --sl-radius-sm: 8px;
  --sl-radius-md: 12px;
  --sl-radius-lg: 20px;
  --sl-radius-pill: 9999px;

  --sl-shadow-card: 0 10px 24px rgba(55, 14, 67, 0.09);
  --sl-shadow-card-hover: 0 16px 36px rgba(55, 14, 67, 0.18);

  --sl-font-family-base: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --sl-text-xs: 12px;
  --sl-text-sm: 14px;
  --sl-text-base: 16px;
  --sl-text-md: 18px;
  --sl-text-lg: 22px;
  --sl-text-xl: 32px;
  --sl-font-weight-heading: 700;

  --sl-semantic-positive: #22c55e;
  --sl-semantic-negative: #ef4444;

  --sl-transition-base: 220ms ease;
  --sl-transition-slow: 300ms ease;
}