:root {
  --color-magenta: #aa189c;
  --color-plum-deep: #3a0835;
  --color-plum: #6a0f61;
  --color-plum-mid: #530c4c;
  --color-accent: #e03a3c;
  --color-text: #111111;
  --color-text-muted: #444444;
  --color-surface: #ffffff;
  --color-surface-muted: #f7f2f6;
  --color-engage: #ffd8fc;
  --color-tile: #470a41;
  --color-on-plum: #f5eaf3;
  --font-body: "Open Sans", sans-serif;
  --font-display: "Raleway", sans-serif;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 5rem;
  --width-content: 68rem;
  --header-height: 4.25rem;
  --radius: 0.25rem;
  --shadow-header: 0 0.125rem 0.75rem rgb(58 8 53 / 12%);
}