:root {
  --color-primary: #19b14c;

  /* Shades */
  --color-primary-shade-1: #00ca78;
  --color-primary-shade-2: rgb(84, 176, 89);
  /* --color-primary-shade-2: rgba(84, 176, 89, 0.9); */

  /* Tint */
  --color-primary-tint-1: #afeccb;

  /* Accent */
  --color-accent: #af906c;
  --color-accent-2: #135089;
  --color-accent-3: #1864ab;
  --color-accent-4: #00a9a4;

  --color-grey-light-1: #d9d9d9;
  --color-grey-light-2: #868e96;

  --color-grey-dark-1: #505050;
  --color-grey-dark-2: #202021;

  --color-white: #fff;
  --color-black: #000;

  /* Font size */
  --default-font-size: 1.6rem;

  /* Fonts */

  --sans-serif-font: "Poppins", sans-serif;
  --serif-font: "Playfair Display", serif;

  /* spacing */

  --margin-top-section: 16rem;
  /* 16rem in article section */
  --section-content-gap: 17.2rem;

  /* Bottom */
  --margin-bottom-heading: 17.2rem;
}