/* Bait Byoot brand tokens — shared by the storefront and the admin panel. */
:root {
    --bb-beige: #F5EFE6;
    --bb-off-white: #FAF8F4;
    --bb-sand: #E4D5C3;
    --bb-wood: #8B5E3C;
    --bb-forest: #2F3B2F;
    --bb-forest-light: #3E4D3E;
    --bb-gold: #C9A24B;
    --bb-ink: #262421;
    --bb-border: #E3DACB;
}

body {
    background-color: var(--bb-off-white);
    color: var(--bb-ink);
}

.bb-brand-mark {
    color: var(--bb-forest);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.bb-btn-primary {
    background-color: var(--bb-forest);
    border-color: var(--bb-forest);
    color: var(--bb-off-white);
}

.bb-btn-primary:hover {
    background-color: var(--bb-forest-light);
    border-color: var(--bb-forest-light);
    color: var(--bb-off-white);
}

.bb-btn-gold {
    background-color: var(--bb-gold);
    border-color: var(--bb-gold);
    color: var(--bb-ink);
}

.bb-card {
    background-color: #fff;
    border: 1px solid var(--bb-border);
    border-radius: 0.5rem;
}