:root {
  /* colors */
  --color-black: #1b0e11;
  --color-brown: #4b4034;
  --color-beige: #ba9177;
  --color-muted: #65594d;
  --color-white: #fefefe;

  /* fonts */
  --font-heading: "Playfair Display", serif;
  --font-body: "Comfortaa", sans-serif;

  /* layout */
  --container-padding: 180px;
  --container-padding-tablet: 60px;
  --container-padding-mobile: 20px;
}