:root {
  --bg: #0c0a08;
  --surface: #15120e;
  --border: #2a2520;
  --hairline: #1e1a16;

  --text: #ebe7df;
  --text-muted: #9a948a;
  --text-dim: #5d574e;

  --saffron: #c8642e;
  --saffron-dim: #8a4520;
  --teal: #3a5b66;

  --serif: "Newsreader", "Charter", "Iowan Old Style", Georgia, serif;
  --mono: "Departure Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --col: 680px;
  --gap: 2rem;
  --rule: 1px solid var(--hairline);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 18px;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--serif);
  font-weight: 400;
  font-feature-settings: "kern", "liga", "onum";
  line-height: 1.65;
  min-height: 100vh;
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(200, 100, 46, 0.04), transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(58, 91, 102, 0.03), transparent 50%);
  background-attachment: fixed;
}