:root {
  --color-paper: #F8F5F0;
  --color-surface: #EFE8DB;
  --color-ink: #241F2E;
  --color-muted: #5C5346;
  --color-accent: #4C2A6B;
  --color-accent-hover: #3A2050;
  --color-accent-tint: #EDE4F5;
  --color-border: rgba(36, 31, 46, 0.12);

  --font-serif: 'IBM Plex Sans', sans-serif;
  --font-sans: 'Public Sans', sans-serif;

  --shadow-elevate: 0 2px 8px rgba(36, 31, 46, 0.06);
}

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

body {
  margin: 0;
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-sans);
}