:root {
  /* colors */
  --color-primary: #14231A;
  --color-accent: #5C7A63;
  --color-accent-2: #8AA491;
  --color-accent-3: #C4D2C8;
  --color-bg: #FFFFFF;
  --color-aside: #FAF9F6;
  --color-border: #EAE7E0;
  --text-1: #14231A;
  --text-2: #3F4F44;
  --text-3: #5B675E;
  --text-4: #6B776D;
  --text-5: #8A9490;

  /* type */
  --font-serif: 'Fraunces', serif;
  --font-sans: 'Schibsted Grotesk', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* layout */
  --frame-width: 1100px;
  --radius-img: 14px;
  --space-section: 128px;
  --space-section-lg: 168px;
}