:root {
    --gold: #ffdc16;
    --brand-yellow: #ffdc16;
    --brand-yellow-soft: #fff4a8;
}

::selection {
    background: var(--brand-yellow);
    color: #111;
}

.brand {
    gap: 10px;
}

.brand img {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.brand-name {
    width: auto;
    height: auto;
    display: inline;
    border-radius: 0;
    background: transparent;
    color: var(--ink);
    font: 700 21px 'Fraunces';
}

.button.primary {
    border-color: var(--brand-yellow);
    background: var(--brand-yellow);
    color: #122f28;
    box-shadow: 0 5px 15px rgba(188, 154, 0, .18);
}

.button.primary:hover {
    border-color: #e4c100;
    background: #e4c100;
}

.button:focus-visible,
.link:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--brand-yellow);
    outline-offset: 3px;
}

.eyebrow {
    color: #756100;
}

.stats article {
    border-top: 4px solid var(--brand-yellow);
}

.hero-balance {
    border-bottom: 6px solid var(--brand-yellow);
}

.school-mark {
    width: 112px;
    height: 112px;
    margin-bottom: 22px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(23, 63, 53, .14));
}

.calendar-day.today span {
    color: #111;
    font-weight: 800;
}

@media (max-width: 760px) {
    .brand img {
        width: 42px;
        height: 42px;
    }

    .school-mark {
        width: 88px;
        height: 88px;
    }
}