/* Cassiopeia Sphere: CSS variable bridge for Cassiopeia Extended color options */
body {
  background-color: var(--body-bg);
  color: var(--body-color);
}

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

.container-header {
  background-color: var(--headerbg);
  color: var(--headercolor);
}

.footer, .container-footer {
  background-color: var(--footerbg);
  color: var(--footercolor);
}

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
  background-color: var(--btnbg);
  border-color: var(--btnbg);
  color: var(--btncolor);
}

.btn-primary:hover,
.btn-primary:focus,
button.btn-primary:hover,
button.btn-primary:focus,
input[type="submit"].btn-primary:hover,
input[type="submit"].btn-primary:focus {
  background-color: var(--btnbgh);
  border-color: var(--btnbgh);
  color: var(--btncolorh);
}