:root {
  --hc-bg: #fbfaff;
  --hc-surface: #ffffff;
  --hc-surface-soft: #f5f1ff;
  --hc-border: #e7e1f4;
  --hc-border-strong: #d7caef;
  --hc-text: #17141d;
  --hc-text-soft: #625d6d;
  --hc-purple: #6c35d4;
  --hc-purple-dark: #4d22a8;
  --hc-purple-soft: #eee6ff;
  --hc-green: #18794e;
  --hc-red: #b42318;
  --hc-dark: #17111f;
  --hc-shadow: 0 18px 60px rgba(49, 27, 85, 0.10);
  --hc-radius-sm: 10px;
  --hc-radius-md: 18px;
  --hc-radius-lg: 28px;
  --hc-shell: 1180px;
}