:root {
  --color-white: hsl(0, 0%, 100%);
  --color-gray-light: hsl(0, 0%, 90%);
  --color-gray: hsl(0, 0%, 30%);
  --color-black: hsl(0, 0%, 0%);
  --color-green: hsl(80, 53%, 33%);
  --color-blue-light: hsl(180, 52%, 30%);
  --color-blue: hsl(180, 52%, 21%);
  --color-red: hsl(350, 70%, 50%);

  --font-family: 'poppinsregular', sans-serif;

  // --font-weight-sm: 400;
  // --font-weight-md: 500;
  // --font-weight-lg: 700;

  --font-size: 1.15rem;

  --spacing-sm: 0.75rem;
  --spacing-md: 1.15rem;
  --spacing-lg: 2rem;

  --border-radius: 1.35rem;

  --box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

  --main-width: 90rem;
  --navbar-height: 3.75rem;
  --banner-height: 13rem;
  --sidebar-width: 19.5rem;
  --sidebar-border: 0.4rem;
  --menu-width: 100%;
}