/* Color Variables */
:root {
  --color-orange: #f7931f;
  --color-off-black: #231f20;
  --color-white: #ffffff;
  --color-primary: #f7931f;
}

/* Buttons */

.primary-button,
.calendar-list-item__actions--bookable {
  background-color: var(--color-orange) !important;
  color: var(--color-white) !important;
  border-color: var(--color-orange) !important;
}

/* Waitlist-style buttons */
.btn-secondary,
.secondary-button {
  border: 2px solid var(--color-orange) !important;
  color: var(--color-orange) !important;
}

.primary-button:disabled {
  background-color: var(--color-mauve) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-mauve) !important;
}

.course-page-top-bar__link {
  color: var(--color-orange) !important;
}

.course-page-header__pill {
  background-color: var(--color-orange) !important;
}

.date-selected-footer-bar {
  color: var(--color-orange) !important;
}

.side-note {
  border-color: var(--color-orange) !important;
}

.cancellation-policy-link {
  color: var(--color-orange) !important;
}

body,
html,
* {
  font-family:
    "Jost",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif !important;
}