:root {
  --black:  hsl(15, 12%, 8%);
  --white:  hsl(35, 30%, 96%);
  --red:    hsl(10, 54%, 36%);
  --red-hi: hsl(10, 56%, 42%);
  --blue:   hsl(213, 14%, 48%);
  --green:  hsl(135, 12%, 33%);
  --s900:   hsl(15, 13%, 6%);
  --s50:    hsl(15, 10%, 12%);
  --s100:   hsl(15, 9%, 16%);
  --s200:   hsl(15, 8%, 22%);
  --s300:   hsl(15, 6%, 32%);
  --s400:   hsl(15, 4%, 44%);
  --s500:   hsl(15, 3%, 56%);
  --rail-x: 56px;
  --font:   'DM Sans', sans-serif;
  --sans:   'DM Sans', sans-serif;
  --serif:  'Newsreader', serif;
  --mono:   'JetBrains Mono', monospace;
}