:root {
  --pp-kelly:        #2FA35C;
  --pp-kelly-deep:   #16703C;
  --pp-kelly-light:  #5FC183;
  --pp-ink:          #0C074D;
  --pp-tan:          #D0AE83;
  --pp-page:         #F2E8D8;
  --pp-card:         #FBF4E7;
  --pp-border:       #DFCCAE;
  --pp-text-muted:   #5C5578;
  --pp-text-subtle:  #8A7E62;
  --pp-on-dark:      #CFE7D6;

  --pp-font-ui:   'Archivo', Helvetica, Arial, sans-serif;
  --pp-font-read: 'EB Garamond', Georgia, serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--pp-page);
  color: var(--pp-ink);
  font-family: var(--pp-font-read);
  -webkit-font-smoothing: antialiased;
}