/* Vinny Bobarino shared color palette — dusk blue / sunset horizon theme */
:root {
    --vb-bg:        #1e2235;
    --vb-surface:   #2a1a10;
    --vb-raised:    #2a1a10;
    --vb-mid:       #4a3828;
    --vb-borders:   #3a2a1e;
    --vb-deep:      #c03820;
    --vb-accent:    #e86020;
    --vb-amber:     #f5a030;
    --vb-heading:   #c8a840;
    --vb-body:      #f0ead8;
    --vb-nature:    #5a8a6a;
    --vb-nature-glow: #6a9a7a;
    --vb-sky:       #6aaad8;
    --vb-bulb:      #f7e060;
    --vb-forest:    #3a6050;
    --vb-winter-sky:#b8d8e8;
    --vb-peach:     #f0c8a0;
    --vb-dusk:      #3a2e48;
    --vb-party:     #e84838;
    --vb-near-black: #0d0e16;
}

/* Sub-nav button colors — all pages use these */
body.vb-page { background: var(--vb-near-black); --credit-color: var(--vb-mid); --nav-accent: var(--vb-accent); --nav-glow: rgba(232,96,32,0.4); --nav-brand: #f0a050; --nav-brand-glow: rgba(240,160,80,0.7); }
body.vb-page .sub-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
body.vb-page .sub-nav .nav-card {
    font-family: 'Press Start 2P', monospace;
    font-size: 8px;
    letter-spacing: 0.08em;
    padding: 10px 16px;
    border: 1px solid;
    text-decoration: none;
}
body.vb-page .sub-nav .nav-card::after { display: none; }
body.vb-page .sub-nav .nav-card:hover { background: inherit !important; color: inherit !important; box-shadow: none !important; }

/* Back button: transparent + accent color */
body.vb-page .sub-nav .nav-card.c-back { background: transparent; color: var(--vb-accent); border-color: var(--vb-accent); }
body.vb-page .sub-nav .nav-card.c-back:hover { background: var(--vb-accent); color: var(--vb-bg); }

/* About button: solid deep red */
body.vb-page .sub-nav .nav-card.c-about { background: var(--vb-deep); color: var(--vb-bg); border-color: var(--vb-deep); }
body.vb-page .sub-nav .nav-card.c-about:hover { background: transparent; color: var(--vb-body); }

/* Music videos button: formerly c-orange */
body.vb-page .sub-nav .nav-card.c-music-videos { background: var(--vb-winter-sky); color: var(--vb-bg); border-color: var(--vb-winter-sky); }
body.vb-page .sub-nav .nav-card.c-music-videos:hover { background: transparent; color: var(--vb-body); }

/* Photography button: solid sky blue */
body.vb-page .sub-nav .nav-card.c-photography { background: var(--vb-sky); color: var(--vb-bg); border-color: var(--vb-sky); }
body.vb-page .sub-nav .nav-card.c-photography:hover { background: transparent; color: var(--vb-body); }

/* Recordings button: solid nature green */
body.vb-page .sub-nav .nav-card.c-recordings { background: var(--vb-nature); color: var(--vb-bg); border-color: var(--vb-nature); }
body.vb-page .sub-nav .nav-card.c-recordings:hover { background: transparent; color: var(--vb-body); }

/* Releases button: solid amber */
body.vb-page .sub-nav .nav-card.c-releases { background: var(--vb-amber); color: var(--vb-bg); border-color: var(--vb-amber); }
body.vb-page .sub-nav .nav-card.c-releases:hover { background: transparent; color: var(--vb-body); }

/* Works button: solid bulb yellow */
body.vb-page .sub-nav .nav-card.c-works { background: var(--vb-bulb); color: var(--vb-bg); border-color: var(--vb-bulb); }
body.vb-page .sub-nav .nav-card.c-works:hover { background: transparent; color: var(--vb-body); }

/* Links button: solid peach */
body.vb-page .sub-nav .nav-card.c-links { background: var(--vb-peach); color: var(--vb-bg); border-color: var(--vb-peach); }
body.vb-page .sub-nav .nav-card.c-links:hover { background: transparent; color: var(--vb-body); }

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

body.vb-page footer { color: var(--vb-mid); }
body.vb-page footer span { color: var(--vb-amber); }