:root {
  color-scheme: light dark;
  --base-light: oklch(96.344% 0.01075 286.052);
  --base-dark: oklch(0.1646 0.0146 34.45);
  --base-bg: light-dark(var(--base-light), var(--base-dark));
  --base-fg: light-dark(var(--base-dark), var(--base-light));
}

body {
  background-color: var(--base-bg);
  color: var(--base-fg);
  font-family: "Lÿno", "SF UI Display", Helvetica, Inter, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100svh;
}

h1 {
  font-size: 3em;
}

.large {
  font-size: 2em;
}

li {
  list-style: "> ";

  & + li {
    margin-top: 12px;
  }
}

h1, p, ul {
  padding-left: 50px;
  margin-block: 50px;
}

a {
  text-decoration: none;
  color: rgb(0, 4, 255);

  &:visited {
    color: rgb(170, 0, 204);
  }
}