:root {
  /* Primary Brand Colors */
  --primary-orange: #FFA500;
  --secondary-yellow: #FFCC00;
  --sky-blue-bg: #EAF6FF;
  --base-white: #FFFFFF;

  /* Text and Utility Colors */
  --text-primary: #222222;
  --link-hover: #0066CC;
  --emphasis-orange: #FF6A00;
  --footer-dark: #333333;
}

/* Example usage */
body {
  background-color: var(--base-white);
  color: var(--text-primary);
  /*font-family: 'Poppins', sans-serif;*/
}

header {
  background-color: var(--base-white);
  border-bottom: 2px solid var(--primary-orange);
}

nav a {
  color: var(--text-primary);
}

nav a:hover {
  color: var(--link-hover);
}

button.primary {
  background-color: var(--primary-orange);
  color: var(--base-white);
  border: none;
}

button.primary:hover {
  background-color: var(--emphasis-orange);
}

section.alt-bg {
  background-color: var(--sky-blue-bg);
}