:root {
  --sp-color-primary: #602b84;
  --sp-color-primary-hover: #4b2068;

  --sp-color-black: #222222;
  --sp-color-text: #333333;
  --sp-color-muted: #9b9b9b;
  --sp-color-white: #ffffff;

  --sp-color-bg: #ffffff;
  --sp-color-border: #222222;

  --sp-glass-bg: rgba(255, 255, 255, 0.05);
  --sp-glass-confirm-bg: rgba(255, 255, 255, 0.08);
  --sp-glass-confirm-border: rgba(255, 255, 255, 0.45);

  --sp-font-body: inherit;
  --sp-font-heading: inherit;

  --sp-radius-pill: 999px;
  --sp-radius-form: 30px;
  --sp-radius-form-mobile: 24px;

  --sp-shadow-header: 0 2px 12px rgba(0, 0, 0, 0.06);

  --sp-header-bg: #ffffff;
  --sp-header-z: 9999;

  --sp-hero-title-desktop: 86px;
  --sp-hero-title-tablet: 60px;
  --sp-hero-title-mobile: 50px;
}