:root {
    --juice-yellow: #f8c800;
    --juice-ink: #171717;
    --juice-paper: #fff8da;
}

body {
    background: linear-gradient(180deg, #fffdf4 0%, #f7f7f7 52%, #ffffff 100%);
    color: var(--juice-ink);
}

.bg-juice {
    background: var(--juice-ink);
}

.navbar-brand::before {
    content: '';
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .45rem;
    border-radius: 50%;
    background: var(--juice-yellow);
}

.stat-card {
    border: 0;
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, .06);
}

.qr-box {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 1rem;
    padding: 1rem;
    text-align: center;
}

.qr-box img {
    max-width: 260px;
    width: 100%;
}

.badge-type {
    background: var(--juice-paper);
    color: #5c4700;
}