:root {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}
:root {
  --bg: hsla(213.33, 33.33%, 5.29%, 1);
  --surface: hsla(224.21, 51.35%, 14.51%, 1);
  --text-1: hsla(40, 28.12%, 87.45%, 1);
  --text-3: hsla(40.91, 8.8%, 50.98%, 1);
  --amber: hsla(39.08, 66.67%, 55.29%, 1);
  --amber-hover: hsla(39.43, 75.27%, 63.53%, 1);
  --teal: hsla(193.04, 39.32%, 54.12%, 1);
  --indigo: hsla(226.98, 54.89%, 53.92%, 1);
  --border: hsla(227.5, 40%, 23.53%, 1);
  --border-strong: hsla(193.04, 39.43%, 34.31%, 1);
  --on-amber: hsla(37.14, 67.74%, 6.08%, 1);
  --on-teal: hsla(186, 62.5%, 96.86%, 1);
  --on-indigo: hsla(232.5, 57.14%, 97.25%, 1);
  --success: hsla(146.12, 49.71%, 66.47%, 1);
  --error: hsla(0, 94.52%, 71.37%, 1);
}