:root {
    --qr-brand: #DA4453;
    --qr-brand-soft: rgba(218, 68, 83, .12);
    --qr-soft-bg: #F5F7FA;
    --qr-border: rgba(0, 0, 0, .12);
    --qr-border-strong: #CCD1D9;
    --qr-radius: .6rem;
    --qr-radius-sm: .35rem;
    --qr-shadow: 0 .25rem 1rem rgba(0, 0, 0, .12);
    --qr-shadow-sm: 0 .1rem .3rem rgba(0, 0, 0, .1);
}

html {
    scroll-behavior: smooth;
}

.card {
    --bs-card-border-radius: var(--qr-radius);
    --bs-card-border-color: var(--qr-border);
    --bs-card-bg: #fff;
}

.card-header {
    background-color: var(--qr-soft-bg);
    border-color: var(--qr-border);
}

.input-group input,
.input-group select {
    border-color: var(--qr-border-strong);
}

.input-group-text {
    font-weight: bold;
    color: #434A54;
    background-color: #E6E9ED;
    border-color: var(--qr-border-strong);
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

:is(.card-header) h5 {
    margin-bottom: 0;
}

header .nav-pills {
    background: #E6E9ED;
    padding: 0.5rem;
    border-radius: var(--qr-radius);
    border: 1px solid var(--qr-border-strong);
}

header .nav-pills .nav-link {
    color: #333;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    font-weight: bold;
}

header .nav-pills .nav-link.active {
    background: var(--qr-brand);
    box-shadow: var(--qr-shadow-sm);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.nav-link {
    font-weight: bold;
}

a {
    text-underline-offset: .15em;
}

:focus-visible {
    outline: 2px solid var(--bs-primary, #0275d8);
    outline-offset: 1px;
    border-radius: var(--qr-radius-sm);
}

.bg-info {
    background-color: #3BAFDA;
    color: #333;
}

.modal-content,
.offcanvas {
    --bs-card-border-radius: var(--qr-radius);
    border-radius: var(--qr-radius);
}

.table thead th {
    letter-spacing: .02em;
}