/* USN profile colours: https://brandpad.io/usn */
:root {
  --usn-accent: #7800f0; /* lilla */
  --usn-accent-hover: #2f0b63; /* indigo */
  --usn-tint: #dad9ff; /* lys indigo */
}

body {
  background-color: #f7f8fa;
}

.alert-pre {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}

/* Header */
.site-nav {
  border-top: 4px solid var(--usn-accent);
}

.brand-logo {
  height: 28px;
  width: auto;
}

.brand-divider {
  width: 1px;
  height: 24px;
  background-color: var(--bs-border-color);
}

.avatar {
  width: 32px;
  height: 32px;
}

.avatar-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--usn-tint);
  color: var(--usn-accent);
}

/* Buttons */
.btn-usn {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--usn-accent);
  --bs-btn-border-color: var(--usn-accent);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--usn-accent-hover);
  --bs-btn-hover-border-color: var(--usn-accent-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--usn-accent-hover);
  --bs-btn-active-border-color: var(--usn-accent-hover);
}

/* Home */
.hero {
  background-color: var(--usn-tint);
  border-left: 6px solid var(--usn-accent);
}

.login-logo {
  max-width: 260px;
}

/* Order form */
.option-card {
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}

.option-card:hover {
  border-color: var(--usn-accent);
}

.option-card:has(.form-check-input:checked) {
  border-color: var(--usn-accent);
  box-shadow: 0 0 0 1px var(--usn-accent);
  background-color: var(--usn-tint);
}

.form-check-input:checked {
  background-color: var(--usn-accent);
  border-color: var(--usn-accent);
}

.site-footer {
  background-color: #fff;
}