@font-face {
  font-family: 'Eurostile Bold Extended';
  src: url('../fonts/EurostileExtended-Black.woff2') format('woff2'),
       url('../fonts/EurostileExtended-Black.woff') format('woff'),
       url('../fonts/EurostileExtended-Black.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.app-name {
  font-family: 'Eurostile Bold Extended', 'Eurostile', sans-serif;
  letter-spacing: 0.02em;
}


[data-bs-theme="light"], [data-bs-theme="dark"] {
  --bs-primary: #a855f7;
  --bs-primary-rgb: 168, 85, 247;
  --bs-link-color: #a855f7;
  --bs-link-color-rgb: 168, 85, 247;
  --bs-link-hover-color: #8b3fd4;
  --bs-link-hover-color-rgb: 139, 63, 212;
}

.bg-primary {
  background-color: #a855f7 !important;
}

.text-primary {
  color: #a855f7 !important;
}

.btn-primary {
  --bs-btn-bg: #a855f7;
  --bs-btn-border-color: #a855f7;
  --bs-btn-hover-bg: #9333ea;
  --bs-btn-hover-border-color: #8b3fd4;
  --bs-btn-active-bg: #7e22ce;
  --bs-btn-active-border-color: #7e22ce;
  --bs-btn-disabled-bg: #a855f7;
  --bs-btn-disabled-border-color: #a855f7;
}

.btn-outline-primary {
  --bs-btn-color: #a855f7;
  --bs-btn-border-color: #a855f7;
  --bs-btn-hover-bg: #a855f7;
  --bs-btn-hover-border-color: #a855f7;
  --bs-btn-active-bg: #a855f7;
  --bs-btn-active-border-color: #a855f7;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #a855f7;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}