*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg: #f8f7ff;
  --surface: #ffffff;
  --surface-high: #f1ecf5;
  --green: #5442a0;
  --green-dim: rgba(84, 66, 160, 0.12);
  --green-glow: rgba(84, 66, 160, 0.22);
  --text: #1c1b21;
  --text-dim: #484551;
  --text-muted: #797583;
  --border: #e6e1e9;
  --radius: 20px;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}