:root {
    --white: #FFF;
    --black: #000;
    --beaver-blue: #1e407c;
    --coaly-gray: #262626;
    --nittany-navy: #001e44;
    --nittany-navy-faded: rgba(0,30,68,0.5);
    --sky-blue: #009cde;
    --pugh-blue: #96bee6;
    --psu-accent-blue: #005fa9;
    --psu-line-blue: #009cde;
    --light-mauve: #ebecf4;
    --light-grey: #f2f3f9;
    --medium-grey: #d8dbea;
    --medium-dark-grey: #687a8d;
    --slate: #314d64;
    --slate-light: #CCDAE6;
    --slate-max-light: #EEF3F7;
    --limestone: #a2aaad;
    --limestoneLight: #E4E5E7;
    --limestoneMaxLight: #F2F2F4;
    --keystone: #ffd100;
    --keystone-light: #f9df70;
    --invent-orange: #E98300;
    --invent-orange-light: #fca917;
    --penns-forest: #4A7729;
    --creek: #3ea39e;
    --pa-link: #005fa9;
    --pa-link80: rgba(0,95,169,0.8);
    --pa-link90: rgba(0,95,169,0.9);
    --tile-nav-image-overlay: rgba(0,100,191,0.75);
    --tile-nav-active: rgba(0,30,68,0.75);
    --error-red: #dd3636;
    --text-color--dark: var(--nittany-navy);
    --text-color--slate: var(--slate);
    --text-color--light: var(--white);
    --link-color--dark: var(--pa-link);
    --link-color--light: var(--pa-link-light);
    --text-color--default: var(--text-color--dark);
    --link-color--default: var(--link-color--dark);
    --headings-color: var(--text-color--slate);
    --roboto-slab: 'Roboto Slab',sans-serif;
    --roboto: 'Roboto', sans-serif;
    --roboto-condensed: 'Roboto Condensed', sans-serif;
}

.btn-primary {
    --bs-btn-color: rgba(255,255,255,0);
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: var(--nittany-navy);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--nittany-navy);
    --bs-btn-hover-border-color: var(--nittany-navy);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color:  var(--nittany-navy);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg:  var(--nittany-navy);
    --bs-btn-disabled-border-color:  var(--nittany-navy);
  }

  .btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }