:root {

  --ink:          #101018;
  --paper:        #FFFFFF;
  --grey-9:       #2B2B2B;
  --grey-5:       #70707E;
  --grey-2:       #E4E4E8;
  --grey-1:       #F4F4F6;

  --black:        #000000;
  --black-strip:  #262626;
  --rule-dark:    #2A2A2A;
  --raised-dark:  #0B0B0B;
  --hover-dark:   #171717;
  --fg-dark:      #DDDDDD;
  --dim-dark:     #B9B9C2;

  --accent:       #8A583C;
  --accent-deep:  #6E4429;
  --accent-light: #D8A87F;

  --sans:    Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --display: "Palatino Linotype", Palatino, "Book Antiqua",
             "Iowan Old Style", Georgia, serif;
  --t-micro: 0.6875rem;
  --t-sm:    0.8125rem;

  --prose:       "PT Serif", Georgia, "Times New Roman", serif;
  --prose-size:  1.5rem;
  --prose-lh:    1.458;
  --prose-fg:    #212121;
  --prose-ls:    -0.01em;
  --measure:     32em;

  --container: 1170px;
  --radius:    0;

  --bg:         var(--paper);
  --fg:         var(--grey-9);
  --fg-heading: var(--ink);
  --fg-muted:   var(--grey-5);
  --hairline:   var(--grey-2);
}

:root[data-theme="dark"] {
  --bg:         #000000;
  --fg:         #DDDDDD;
  --fg-heading: #FFFFFF;
  --fg-muted:   #B9B9C2;
  --accent:     #D8A87F;
  --hairline:   #2A2A2A;
}

:root {
  --wa-green:      #25D366;
  --wa-green-deep: #1DA851;
}