/* THLD shared color palette — all subpages load this */
:root {
    /* ── surface ── */
    --thld-deep:       #1a1209;
    --thld-dark:       #2e1e0f;
    --thld-mid:        #4a2c10;
    --thld-mahogany:   #7a3a18;
    --thld-forest:     #3a3018;
    /* ── accent / warm ── */
    --thld-accent:     #c94b1a;
    --thld-cta:        #c8381a;
    --thld-ember:      #a02818;
    --thld-brick:      #8a2018;
    --thld-amber:      #e07a2f;
    --thld-apricot:    #f0a050;
    --thld-honey:      #b07030;
    --thld-warm-brown: #9a7a50;
    /* ── muted / mid ── */
    --thld-muted:      #8a6040;
    --thld-teal:       #4a7068;
    --thld-olive:      #5a7840;
    --thld-olive-alt:  #6a8850;
    --thld-purple:     #6a5878;
    /* ── cool (new) ── */
    --thld-sky:        #60a0e0;
    --thld-lime:       #39ff6e;
    --thld-ice:        #a8c8f0;
    /* ── text / light ── */
    --thld-text:       #d4b896;
    --thld-highlight:  #f0c060;
    --thld-cream:      #f8e4c0;
    --thld-pale-gold:  #f5d8a0;
    --thld-offwhite:   #fdf5e8;
    --thld-bg:         #0e0905;
}

/* Sub-nav button colors — all pages use these */
body.thld-page { background: var(--thld-bg); --credit-color: var(--thld-muted); --nav-accent: var(--thld-accent); --nav-glow: rgba(201,75,26,0.4); --nav-brand: var(--thld-highlight); --nav-brand-glow: rgba(240,192,96,0.7); }
body.thld-page .sub-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 48px; }
body.thld-page .sub-nav .nav-card {
    font-family: 'Press Start 2P', monospace;
    font-size: 8px;
    letter-spacing: 0.08em;
    padding: 12px 20px;
    border: 2px solid;
    text-decoration: none;
}
body.thld-page .sub-nav .nav-card::after { display: none; }
body.thld-page .sub-nav .nav-card:hover { background: inherit !important; color: inherit !important; box-shadow: none !important; }

/* c-back: transparent + accent (back button) */
body.thld-page .sub-nav .nav-card.c-back { background: transparent; color: var(--thld-accent); border-color: var(--thld-accent); }
body.thld-page .sub-nav .nav-card.c-back:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-about: solid olive (formerly c-blue) */
body.thld-page .sub-nav .nav-card.c-about { background: var(--thld-olive); color: var(--thld-bg); border-color: var(--thld-olive); }
body.thld-page .sub-nav .nav-card.c-about:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-events: solid warm brown (formerly c-green) */
body.thld-page .sub-nav .nav-card.c-events { background: var(--thld-warm-brown); color: var(--thld-bg); border-color: var(--thld-warm-brown); }
body.thld-page .sub-nav .nav-card.c-events:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-music-videos: solid slate teal (formerly c-slate) */
body.thld-page .sub-nav .nav-card.c-music-videos { background: var(--thld-teal); color: var(--thld-bg); border-color: var(--thld-teal); }
body.thld-page .sub-nav .nav-card.c-music-videos:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-photography: solid dusty purple (formerly c-purple) */
body.thld-page .sub-nav .nav-card.c-photography { background: var(--thld-purple); color: var(--thld-bg); border-color: var(--thld-purple); }
body.thld-page .sub-nav .nav-card.c-photography:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-recordings: solid amber (formerly c-cyan) */
body.thld-page .sub-nav .nav-card.c-recordings { background: var(--thld-amber); color: var(--thld-bg); border-color: var(--thld-amber); }
body.thld-page .sub-nav .nav-card.c-recordings:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-releases: solid accent (formerly c-rose) */
body.thld-page .sub-nav .nav-card.c-releases { background: var(--thld-accent); color: var(--thld-bg); border-color: var(--thld-accent); }
body.thld-page .sub-nav .nav-card.c-releases:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-accent: transparent + thld-accent (back button for collective pages) */
body.thld-page .sub-nav .nav-card.c-accent { background: transparent; color: var(--thld-accent); border-color: var(--thld-accent); }
body.thld-page .sub-nav .nav-card.c-accent:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-works: solid highlight (formerly c-yellow) */
body.thld-page .sub-nav .nav-card.c-works { background: var(--thld-highlight); color: var(--thld-bg); border-color: var(--thld-highlight); }
body.thld-page .sub-nav .nav-card.c-works:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-games: solid apricot (games) */
body.thld-page .sub-nav .nav-card.c-games { background: var(--thld-apricot); color: var(--thld-bg); border-color: var(--thld-apricot); }
body.thld-page .sub-nav .nav-card.c-games:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

/* c-links: solid sky blue (links) */
body.thld-page .sub-nav .nav-card.c-links { background: var(--thld-sky); color: var(--thld-bg); border-color: var(--thld-sky); }
body.thld-page .sub-nav .nav-card.c-links:hover { background: inherit !important; color: var(--thld-offwhite) !important; box-shadow: none !important; }

body.thld-page footer { color: var(--thld-muted); }
body.thld-page footer span { color: var(--thld-highlight); }