:root {
  --bg-color-light: #edece8; 
  --bg-color-dark: #343634; 

  --primary-color: #168184;

  --color-green-dark: #1d555f; 
  --color-green-mid: #168184; 
  --color-green-light: #1cadb4; 

  --gray-color: #edece8; 
  
  --secondary-color: #e8731c;
  --cta-color: #e8731c;
}

.bg-color-light { color: var(--bg-color-light); }
.bg-color-dark { color: var(--bg-color-dark); }

.color-green-dark { color: var(--color-green-dark); }
.color-green-mid { color: var(--color-green-mid); }
.color-green-light { color: var(--color-green-light); }

.bg-color-green-dark { background-color: var(--color-green-dark); }
.bg-color-green-mid { background-color: var(--color-green-mid); }
.bg-color-green-light { background-color: var(--color-green-light); }

.secondary-color { color: var(--secondary-color); }
.cta-color { color: var(--cta-dark); }

.bg-secondary-color { background-color: var(--secondary-color); }
.bg-cta-color { background-color: var(--cta-dark); }