/* Root: CSS Variables can be used to store values that can be reused throughout the stylesheet*/
:root {
  --scua-color-parchment: hsl(38 21.4% 72.5%); 
  --scua-color-antique: hsl(33 30.6% 48%);
  --scua-color-pinot: hsl(5 49.5% 17.8%);
  --scua-color-forest: hsl(87 4.8% 36.7%);
  --scua-color-white: hsl(0, 0%, 100%)
}

/*  Button: Use the CSS Variables to set the background color of the button */
.scua-btn {
  padding: 0.5rem 1.25rem;
  background-color: var(--scua-color-pinot);
  color: var(--white);
  border: none;
  border-radius: .25rem;
  font-size: 1rem;
  cursor: pointer;
  }
}