:root {
  /* Brand palette (per provided reference) */
  --primary-color: #4C7A6E; /* Deep Teal */
  --primary-color-rgb: 76, 122, 110;

  --secondary-color: #C9BC9C; /* Khaki Beige */
  --secondary-color-rgb: 201, 188, 156;

  --tertiary-color: #7E8F87; /* Grey Olive */
  --tertiary-color-rgb: 126, 143, 135;

  --quaternary-color: #4A4A46; /* Charcoal */
  --quaternary-color-rgb: 74, 74, 70;

  /* Used by gradients/overlays in `css/coloring.css` */
  --primary-color-2: #7E8F87;
  --primary-color-2-rgb: 126, 143, 135;

  /* Base surfaces + typography */
  --bg-default: #F7F5F0; /* Parchment */
  --bg-light: #F7F5F0;
  --heading-font-color: #4A4A46;
  --body-font-color: rgba(74, 74, 70, .85);

  /* Dark surface to match new charcoal */
  --bg-dark-1: #4A4A46;
  --bg-dark-1-rgb: 74, 74, 70;
}