/* C.P. Rutledge shared color palette — vibrant pop / electric theme */
:root {
    --cpr-deep:         #5020a0;
    --cpr-surface:      #1a1840;
    --cpr-raised:        #2a2060;
    --cpr-red:           #f05a5a;
    --cpr-yellow:        #f5c020;
    --cpr-green:         #4ab86a;
    --cpr-blue:          #68c8f0;
    --cpr-purple:       #9030b0;
    --cpr-teal:          #20b8a0;
    --cpr-orange:        #f09848;
    --cpr-cream:         #f5e8c0;
    --cpr-dark-red:      #a02020;
    --cpr-dark-yellow:   #c89010;
    --cpr-dark-green:    #2a8040;
    --cpr-dark-blue:     #2888c0;
    --cpr-light-purple:  #c080e0;
    --cpr-light-green:   #90d8a8;
    --cpr-warm-bridge:   #f07850;
    --cpr-bg:            #070612;
    --cpr-heading:       #f5e8c0;
    --cpr-gold:          #f5c020;
}

/* ── BUTTON DEFINITIONS (match index sub-nav) ── */
body.cpr-page { background: var(--cpr-bg); --credit-color: var(--cpr-raised); --nav-accent: var(--cpr-red); --nav-glow: rgba(240,90,90,0.4); --nav-brand: #f08080; --nav-brand-glow: rgba(240,128,128,0.7); }
body.cpr-page .nav-card.c-about {
    background: var(--cpr-deep);
    color: var(--cpr-cream);
    border-color: var(--cpr-deep);
}
body.cpr-page .nav-card.c-about:hover {
    background: var(--cpr-purple);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-photography {
    background: var(--cpr-purple);
    color: var(--cpr-cream);
    border-color: var(--cpr-purple);
}
body.cpr-page .nav-card.c-photography:hover {
    background: var(--cpr-light-purple);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-recordings {
    background: var(--cpr-blue);
    color: var(--cpr-surface);
    border-color: var(--cpr-blue);
}
body.cpr-page .nav-card.c-recordings:hover {
    background: var(--cpr-dark-blue);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-releases {
    background: var(--cpr-red);
    color: var(--cpr-cream);
    border-color: var(--cpr-red);
}
body.cpr-page .nav-card.c-releases:hover {
    background: var(--cpr-dark-red);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-works {
    background: var(--cpr-yellow);
    color: var(--cpr-surface);
    border-color: var(--cpr-yellow);
}
body.cpr-page .nav-card.c-works:hover {
    background: var(--cpr-dark-yellow);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-games {
    background: var(--cpr-green);
    color: var(--cpr-surface);
    border-color: var(--cpr-green);
}
body.cpr-page .nav-card.c-games:hover {
    background: var(--cpr-dark-green);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-cyan {
    background: var(--cpr-blue);
    color: var(--cpr-surface);
    border-color: var(--cpr-blue);
}
body.cpr-page .nav-card.c-cyan:hover {
    background: var(--cpr-dark-blue);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-links {
    background: var(--cpr-teal);
    color: var(--cpr-surface);
    border-color: var(--cpr-teal);
}
body.cpr-page .nav-card.c-links:hover {
    background: var(--cpr-dark-blue);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card.c-games {
    background: var(--cpr-green);
    color: var(--cpr-surface);
    border-color: var(--cpr-green);
}
body.cpr-page .nav-card.c-games:hover {
    background: var(--cpr-dark-green);
    color: var(--cpr-cream);
}

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

body.cpr-page .nav-card.c-back {
    background: transparent;
    color: var(--cpr-warm-bridge);
    border-color: var(--cpr-warm-bridge);
}
body.cpr-page .nav-card.c-back:hover {
    background: var(--cpr-warm-bridge);
    color: var(--cpr-cream);
}

body.cpr-page .nav-card::after { display: none; }
body.cpr-page .nav-card:hover { background: inherit !important; color: inherit !important; box-shadow: none !important; }

body.cpr-page footer { color: var(--cpr-cream); }
body.cpr-page footer span { color: var(--cpr-dark-blue); }