/* The Four B's shared color palette — earthy green / harvest theme */
:root {
    /* Core */
    --4b-deep:     #1a1408;
    --4b-mid:      #8a7a58;
    --4b-heading:  #e8ddb0;
    --4b-brand:    #2a6830;
    --4b-leaf:     #52b044;
    --4b-chart:    #a8d848;
    --4b-rust:     #c84810;
    --4b-amber:    #f0a830;
    --4b-blue:     #1e60b0;
    --4b-sky:      #5890c8;
    --4b-offwhite: #f5f2e8;
    --4b-bg:       #0c0a04;
    --4b-dust:     #7a6040;
    --4b-ember:    #e85838;

    /* Deeper greens */
    --4b-forest:   #1a4020;
    --4b-moss:     #3a5830;
    --4b-sage:     #7a9860;
    --4b-fern:     #90b870;

    /* Warm neutrals */
    --4b-bark:     #4a3820;
    --4b-sand:     #c8b888;
    --4b-parchment:#e0d8c0;
    --4b-cream:    #f8f4e8;

    /* Warm / fire */
    --4b-coal:     #2a1e10;
    --4b-clay:     #a03820;
    --4b-ochre:    #c88820;
    --4b-gold:     #d4a820;
    --4b-straw:    #e8d078;

    /* Sky / water */
    --4b-navy:     #0e2e58;
    --4b-steel:    #3a6888;
    --4b-mist:     #a0b8cc;
    --4b-fog:      #c8d8e0;

    /* UI chrome */
    --4b-iron:     #3a3428;
    --4b-stone:    #6a6050;
}

/* Sub-nav button colors — all pages use these */
body.fb-page { background: var(--4b-bg); --credit-color: var(--4b-mid); --nav-accent: var(--4b-leaf); --nav-glow: rgba(82,176,68,0.4); --nav-brand: var(--4b-amber); --nav-brand-glow: rgba(240,168,48,0.7); }
body.fb-page .sub-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
body.fb-page .sub-nav .nav-card {
    font-family: 'Press Start 2P', monospace;
    font-size: 8px;
    letter-spacing: 0.08em;
    padding: 10px 16px;
    border: 2px solid;
    text-decoration: none;
}
body.fb-page .sub-nav .nav-card::after { display: none; }
body.fb-page .sub-nav .nav-card:hover { background: inherit !important; color: inherit !important; box-shadow: none !important; }

/* Back button: transparent + brand accent */
body.fb-page .sub-nav .nav-card.c-back { background: transparent; color: var(--4b-brand); border-color: var(--4b-brand); }
body.fb-page .sub-nav .nav-card.c-back:hover { background: var(--4b-brand); color: var(--4b-offwhite); }

/* About button: warm mid — lighter earth tone */
body.fb-page .sub-nav .nav-card.c-about { background: var(--4b-mid); color: var(--4b-heading); border-color: var(--4b-mid); }
body.fb-page .sub-nav .nav-card.c-about:hover { background: transparent; border-color: var(--4b-mid); color: var(--4b-offwhite); }

/* Events button: leaf green */
body.fb-page .sub-nav .nav-card.c-events { background: var(--4b-leaf); color: var(--4b-heading); border-color: var(--4b-leaf); }
body.fb-page .sub-nav .nav-card.c-events:hover { background: transparent; border-color: var(--4b-leaf); color: var(--4b-offwhite); }

/* Photography button: sky blue */
body.fb-page .sub-nav .nav-card.c-photography { background: var(--4b-sky); color: var(--4b-heading); border-color: var(--4b-sky); }
body.fb-page .sub-nav .nav-card.c-photography:hover { background: transparent; border-color: var(--4b-sky); color: var(--4b-offwhite); }

/* Recordings button: chartreuse */
body.fb-page .sub-nav .nav-card.c-recordings { background: var(--4b-chart); color: var(--4b-deep); border-color: var(--4b-chart); }
body.fb-page .sub-nav .nav-card.c-recordings:hover { background: transparent; border-color: var(--4b-chart); color: var(--4b-offwhite); }

/* Releases button: rust orange */
body.fb-page .sub-nav .nav-card.c-releases { background: var(--4b-rust); color: var(--4b-heading); border-color: var(--4b-rust); }
body.fb-page .sub-nav .nav-card.c-releases:hover { background: transparent; border-color: var(--4b-rust); color: var(--4b-offwhite); }

/* Works button: golden amber */
body.fb-page .sub-nav .nav-card.c-works { background: var(--4b-amber); color: var(--4b-deep); border-color: var(--4b-amber); }
body.fb-page .sub-nav .nav-card.c-works:hover { background: transparent; border-color: var(--4b-amber); color: var(--4b-offwhite); }

/* Links button: steel blue */
body.fb-page .sub-nav .nav-card.c-links { background: var(--4b-steel); color: var(--4b-heading); border-color: var(--4b-steel); }
body.fb-page .sub-nav .nav-card.c-links:hover { background: transparent; border-color: var(--4b-steel); color: var(--4b-offwhite); }

body.fb-page .nav-card::after { display: none; }

body.fb-page footer { color: var(--4b-mid); }
body.fb-page footer span { color: var(--4b-leaf); }