@import url("variables.css");
@import url("components.css");
@import url("responsive.css?v1");

.btn-primary,
.btn-outline-primary {
  min-height: var(--tts-touch-min);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.btn-primary {
  --bs-btn-bg: var(--tts-blue);
  --bs-btn-border-color: var(--tts-blue);
  --bs-btn-hover-bg: #6b0000;
  --bs-btn-hover-border-color: #6b0000;
  --bs-btn-active-bg: #520000;
  --bs-btn-active-border-color: #520000;
}

.btn-outline-primary {
  --bs-btn-color: var(--tts-blue);
  --bs-btn-border-color: var(--tts-blue);
  --bs-btn-hover-bg: var(--tts-blue);
  --bs-btn-hover-border-color: var(--tts-blue);
}

.text-primary {
  color: var(--tts-blue) !important;
}

.bg-tts-navy {
  background-color: var(--tts-navy) !important;
}

.bg-tts-surface {
  background-color: var(--tts-surface) !important;
}