:root {
  --bs-primary: #412fcc !important;
  --bs-secondary: #2d0352 !important;
  --bs-dark: #333333 !important;
  --bs-body-bg: #2d0352 !important;
  --bs-body-color: #f3dddd !important;
  --bs-link-color: #e9dede !important;
  --bs-link-hover-color: #412fcc !important;
  --bs-nav-link-color: #333333 !important;
  --bs-emphasis-color: #333333 !important;
  --bs-emphasis-color-rgb: 51, 51, 51 !important;
}

body {
  background: linear-gradient(
    135deg,
    var(--bs-primary) 0%,
    var(--bs-secondary) 50%,
    var(--bs-primary) 100%
  );
}

a {
  color: var(--bs-link-color);
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 720px;
}

/* Button */
.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: var(--bs-primary) !important;
  --bs-btn-border-color: var(--bs-primary) !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: var(--bs-secondary) !important;
  --bs-btn-hover-border-color: var(--bs-secondary) !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: var(--bs-secondary) !important;
  --bs-btn-active-border-color: var(--bs-secondary) !important;
}

.btn-secondary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: var(--bs-secondary) !important;
  --bs-btn-border-color: var(--bs-secondary) !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: var(--bs-primary) !important;
  --bs-btn-hover-border-color: var(--bs-primary) !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: var(--bs-primary) !important;
  --bs-btn-active-border-color: var(--bs-primary) !important;
}

/* Modal AMP */
.modal-amp {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.okta-mobile #amp-mobile-version-switcher {
  bottom: 0;
}