* {
  --primary-color: #1B2F5B;
  --primary-color-rgb: 27, 47, 91;
  --secondary-color: #C9A15A;
  --secondary-color-rgb: 201, 161, 90;
  --bg-light: #ebf0f6;
  --bg-dark-1: #3A3A3A;  
  --bg-dark-1-rgb: 16, 16, 16;
  --bg-dark-2: #0B2D5C;
  --bg-dark-3: #303030;
  --blue-color: #1B2F5B;
  --black-color: #2B2B2B;
  --green-color: #5E7568;
  --yellow-color:#C9A15A;
  --cream-color: #F7F1E8;
  --dark-cream-color: #EBE3DC;
  --white-color: #FFF;
} 

.bg-green{background-color: var(--green-color)}
.bg-dark-cream{background-color: var(--dark-cream-color)}
.bg-cream{background-color: var(--cream-color)}
.yellow-color{color: var(--yellow-color)}