/* ==== TapSpot page overrides ==== */

:root {
  --brand-bg: #007D34  !important;  /* Brand bar */
  --intro-bg: #9FCEB2;  /* Intro section */
  --main-bg: #fff;   /* Main content */
  --footer-bg: #222;  /* Footer */
  --sample-banner-bg: #b71c1c;/* Sample banner */
  --link: #0055aa; /* Link color */
  --link-hover: #003366; /* Link hover color */
  --text-color: #333; /* Default text color */
  --h1-color: #000000; /* Intro H1  */
  --intro-text-color: #000000; /* Intro text color */
  --h2h3-color: #007D34;  /* H2 H3 color */
}

/* ==== Page background and text color ==== */
body {
  background-color: var(--main-bg);
  color: var(--text-color);
}

/* ==== Intro section ==== */
h1 {
  color: var(--h1-color);
}

#page-intro p {
  color: var(--intro-text-color);
}

/* ==== Extra padding ==== */
#page-intro {
  padding-top: 2em;
  padding-bottom: 2em;
}

/* ==== Headings ==== */

h2, h3 {
  color: var(--h2h3-color);
}