:root {
    --flow-black: #000000;
    --flow-white: #ffffff;
    --flow-off-white: #f3f3f3;
    --flow-grey: #c4c4c4;
    --flow-grue: #2d3540;
    --flow-sunshine: #ffde59;
}

body {
    background: var(--flow-off-white);
    color: #111;
}

.navbar-brand {
    letter-spacing: 0.01em;
}

.brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.6rem;
    background: var(--flow-black);
    color: var(--flow-sunshine);
    font-weight: 700;
    margin-right: 0.35rem;
}

.dashboard-card {
    border-radius: 1rem;
}

.eyebrow {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--flow-grue);
    margin-bottom: 0.5rem;
}

.min-vh-75 {
    min-height: 75vh;
}

.card {
    border-radius: 1rem;
}