:root {
  --primary-color: #CDC673; /* Yellow-Green */
  --primary-color-light: #E0E595; /* Pale Yellow-Green */
  --text-color: #2f4f4f; /* Dark Slate Gray */
  --background-color: #FFFFFF; /* White */
  --background-color-light: #f9f7f4; /*  rgba(249, 247, 244) ##E5E3E0 #EFEDEA. Light Gray */
  --background-transparent:hsla(37, 29%, 67%, 0.102); /* Dark Slate Gray with transparency */
  --background-a-bit-transparent:hsla(37, 29%, 67%, 0.5); /* Dark Slate Gray with transparency */
  --background-less-transparent:hsla(37, 29%, 67%, 0.8); /* Dark Slate Gray with transparency */
  --text-color-light: #2f4f4fcc; /* Slightly lighter Dark Slate Gray */
  --accent-color: #9d9d52; /* Muted Yellow-Green (accent) */
  --accent-color-light: #e0e595; /* Pale Yellow-Green (light accent) */
  --accent-color-white: #FFFFFF; /* White */
}