:root {
  /* Colour palette */
  --paper:        #FAF8F4;
  --paper-2:      #F2EFE8;
  --ink:          #14213D;
  --ink-2:        #2E3D54;
  --ink-3:        #5B6478;
  --rule:         #E2DDD2;
  --rule-strong:  #C9C2B2;

  --blue:   #2C5F8F;
  --teal:   #2C8F86;
  --green:  #2A8264;
  --amber:  #E8B23A;
  --orange: #E97A2C;
  --slate:  #2E3D54;

  /* Fonts */
  --display: 'Geist', ui-sans-serif, -apple-system, sans-serif;
  --body:    'Geist', ui-sans-serif, -apple-system, sans-serif;
  --mono:    'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Spacing */
  --spacer-sm: 28px;
  --spacer-md: 48px;
  --spacer-lg: 80px;

  /* Radius */
  --r-sm: 3px;
  --r:    6px;

  /* Motion */
  --ease: 180ms ease;
}