:root {
    --kn-brand-primary: hsl(37, 97%, 54%);
    --kn-brand-secondary: hsl(212, 99%, 32%);

    --bs-body-bg: hsl(210, 17%, 98%);
    --bs-heading-color: var(--kn-brand-secondary);
}

.header--primary {
    box-shadow: 0 .25rem .125rem 0 rgba(0, 0, 0, 0.05);
}

.footer--primary {
    --bs-heading-color: var(--kn-brand-primary);
    --bs-link-color-rgb: 251, 164, 24;
    --bs-link-hover-color-rgb: 252, 184, 74;
}

.event-box-caption {
    flex: 1 0 65%;
}
