:root {
  --bg:      #f9f8f6;
  --text:    #1a1a1a;
  --muted:   #767673;
  --border:  #e4e0da;

  --t-lg:    22px;
  --t-md:    18px;
  --t-sm:    15px;

  --fw:      400;
  --ease:    0.18s ease;

  --sidebar: 160px;
  --header:  52px;
  --footer:  40px;
}

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

body {
  font-family: 'Times New Roman', Times, serif;
  font-weight: var(--fw);
  font-size: var(--t-md);
  color: var(--text);
  background: var(--bg);
  text-transform: lowercase;
  -webkit-font-smoothing: antialiased;
}