/* Brand tokens */
:root {

  --brand: #BF5A28; /* primary orange */

  --text-dark: #010101;

  --gray-1:#2E2D2C; --gray-2:#535050; --gray-3:#7F7C7C; --gray-4:#B6B3B3;

  --font-heading: "Gotham", "Montserrat", "Arial", sans-serif;

  --font-body: "Gotham", "Source Sans Pro", "Arial", sans-serif;

}

 

/* Links */

a, a:visited { color: var(--brand); font-family: var(--font-body); }

a:hover, a:focus { color: #a24d22; text-decoration: underline; }

 

/* Buttons */

.red-pill, .bluePill, .btn-primary, .btn-danger {

  background: var(--brand)!important;

  border-color: var(--brand)!important;

  color:#fff!important;

  font-family: var(--font-heading);

}

.red-pill:hover, .bluePill:hover, .btn-primary:hover, .btn-danger:hover {

  filter: brightness(0.9);

}

 

/* Headings */

h1, h2, h3 {

  color: var(--text-dark);

  font-family: var(--font-heading);

}

body {

  color: var(--text-dark);

  font-family: var(--font-body);

}

 

/* Footer and overlays */

footer, .stock .overlay { background:#111; }

 

/* Accessibility focus */

:focus {

  outline: 2px solid var(--brand);

  outline-offset: 2px;

}

.charity-bar {
  background: var(--brand) !important;
  color: #fff !important;
}

.applybutton {
  background: var(--brand) !important;
  color: #fff !important;
  border: none !important;
  font-family: var(--font-heading);
}