:root {
  --paper: #f5f0ea;
  --surface: #fff8ef;
  --ink: #1f0f2d;
  --muted: #4d355d;

  --primary: #663790;
  --accent: #4a1f64;
  --signal: #c62838;
  --accent-2: #f5a524;
  --primary-text: #663790;
  --secondary-text: #663790;

  --primary-text-content: #663790;
  --line: #663790;
  --offset-shadow: var(--ink);
  --shadow: 12px 12px 0 var(--offset-shadow);
  --hero-bg: #f5a524;

  --hero-text: #f1492f;
  --hero-shadow: #663790;

  --content-max: 1240px;
  --page-gutter: clamp(18px, 7vw, 120px);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Space Grotesk", "Manrope", "Helvetica Neue", Arial, sans-serif;
  background: var(--paper);
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -0.01em;
}

a {
  color: inherit;
  text-decoration: none;
}