/* Woah. shared color palette — coastal / sunset theme */
:root {
    --woah-bg:          #0e0c10;
    --woah-surface:     #3a3028;
    --woah-dusk:        #584840;
    --woah-sandy:       #907060;
    --woah-ocean:       #788090;
    --woah-blush:       #f0c8b8;
    --woah-sunset:      #e8a0a0;
    --woah-rose-sky:    #c87888;
    --woah-lavender:    #b8c0d8;
    --woah-coastal:     #7888b0;
    --woah-deep-ocean:  #485878;
    --woah-sage-dark:   #3a5830;
    --woah-sage-mid:    #5a7848;
    --woah-sage-pale:   #90b878;
    --woah-rust:        #784030;
    --woah-terra:       #a86048;
    --woah-peach:       #d4a880;
    --woah-pink-sky:    #f8e0d0;
    --woah-gold:        #f0c890;
    --woah-mauve:       #9080a0;
    --deep:             transparent;
    --woah-light-pink: #fadce8;
    --woah-pop-pink:   #ff9ec4;
}

/* Sub-nav button colors — all pages use these */
body.woah-page { background: var(--woah-bg); --credit-color: var(--woah-ocean); --nav-accent: var(--woah-light-pink); --nav-glow: rgba(250,220,232,0.4); --nav-brand: var(--woah-pop-pink); --nav-brand-glow: rgba(255,158,196,0.7); }
body.woah-page .sub-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
body.woah-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.woah-page .sub-nav .nav-card::after { display: none; }
body.woah-page .sub-nav .nav-card:hover { background: inherit !important; color: inherit !important; box-shadow: none !important; }

/* Back button: blush / sky light */
body.woah-page .sub-nav .nav-card.c-back { background: transparent; color: var(--woah-blush); border-color: var(--woah-blush); }
body.woah-page .sub-nav .nav-card.c-back:hover { background: var(--woah-blush); color: var(--woah-bg); }

/* About button: ocean grey */
body.woah-page .sub-nav .nav-card.c-about { background: var(--woah-ocean); color: var(--woah-pink-sky); border-color: var(--woah-ocean); }
body.woah-page .sub-nav .nav-card.c-about:hover { background: var(--woah-coastal); border-color: var(--woah-coastal); color: var(--woah-blush); }

/* Photography button: blush horizon */
body.woah-page .sub-nav .nav-card.c-photography { background: var(--woah-blush); color: var(--woah-bg); border-color: var(--woah-blush); }
body.woah-page .sub-nav .nav-card.c-photography:hover { background: var(--woah-pink-sky); border-color: var(--woah-pink-sky); color: var(--woah-bg); }

/* Recordings button: coastal blue */
body.woah-page .sub-nav .nav-card.c-recordings { background: var(--woah-coastal); color: var(--woah-pink-sky); border-color: var(--woah-coastal); }
body.woah-page .sub-nav .nav-card.c-recordings:hover { background: var(--woah-deep-ocean); border-color: var(--woah-deep-ocean); color: var(--woah-blush); }

/* Releases button: sandy brown */
body.woah-page .sub-nav .nav-card.c-releases { background: var(--woah-sandy); color: var(--woah-pink-sky); border-color: var(--woah-sandy); }
body.woah-page .sub-nav .nav-card.c-releases:hover { background: var(--woah-dusk); border-color: var(--woah-dusk); color: var(--woah-blush); }

/* Works button: sage mid */
body.woah-page .sub-nav .nav-card.c-works { background: var(--woah-sage-mid); color: var(--woah-pink-sky); border-color: var(--woah-sage-mid); }
body.woah-page .sub-nav .nav-card.c-works:hover { background: var(--woah-sage-dark); border-color: var(--woah-sage-dark); color: var(--woah-blush); }

/* Music videos button: sunset pink */
body.woah-page .sub-nav .nav-card.c-music-videos { background: var(--woah-sunset); color: var(--woah-bg); border-color: var(--woah-sunset); }
body.woah-page .sub-nav .nav-card.c-music-videos:hover { background: var(--woah-rose-sky); border-color: var(--woah-rose-sky); color: var(--woah-blush); }

/* Lavender / mauve variant: coastal blue variant */
body.woah-page .sub-nav .nav-card.c-lavender { background: var(--woah-lavender); color: var(--woah-bg); border-color: var(--woah-lavender); }
body.woah-page .sub-nav .nav-card.c-lavender:hover { background: var(--woah-coastal); border-color: var(--woah-coastal); color: var(--woah-blush); }

/* Links button: mauve */
body.woah-page .sub-nav .nav-card.c-links { background: var(--woah-mauve); color: var(--woah-pink-sky); border-color: var(--woah-mauve); }
body.woah-page .sub-nav .nav-card.c-links:hover { background: var(--woah-coastal); border-color: var(--woah-coastal); color: var(--woah-blush); }

/* c-events: alias for music videos (used by artist_links.js template) */
body.woah-page .sub-nav .nav-card.c-events { background: var(--woah-sunset); color: var(--woah-bg); border-color: var(--woah-sunset); }
body.woah-page .sub-nav .nav-card.c-events:hover { background: var(--woah-rose-sky); border-color: var(--woah-rose-sky); color: var(--woah-blush); }

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

body.woah-page footer { color: var(--woah-ocean); }
body.woah-page footer span { color: var(--woah-blush); }