/* SVFP color palette — purple stage-light theme */
:root {
    /* ── existing palette ── */
    --svfp-brand:     #a020c8;   /* Accent / primary — Deep purple */
    --svfp-accent:    #d946ef;   /* Accent bright — Bright magenta */
    --svfp-cta:       #e03070;   /* Hot pink / CTA */
    --svfp-heading:   #c8b8e8;   /* Body text — Soft lavender */
    --svfp-body:      #f5d0ff;   /* Heading / highlight — Pale lilac */
    /* ── surface ── */
    --svfp-surface:   #1e2235;   /* Background surface — Dusk blue */
    --svfp-raised:    #2e1a50;   /* Background raised — Dark indigo */
    --svfp-dark:      #3a2060;   /* Dark surface — Deep indigo */
    --svfp-plum:      #281830;   /* Deep plum surface */
    /* ── mid / accent tiers ── */
    --svfp-mid:       #6020b0;   /* Mid purple — Mid violet */
    --svfp-bright:    #9858d8;   /* Bright violet */
    --svfp-bridge:    #c8a0d8;   /* Soft bridge — Soft lilac */
    --svfp-rose:      #e060a0;   /* Mid pink — Rose pink */
    /* ── cool ── */
    --svfp-cool-dark: #2850a0;   /* Cool dark — Deep cool blue */
    --svfp-sky:       #60a0e0;   /* Cool bright — Bright sky blue */
    --svfp-teal:      #1a6060;   /* Dark teal — Deep teal */
    --svfp-teal-bright: #30b0b0; /* Bright teal — Links button */
    --svfp-ice:       #a8c8f0;   /* Light cool — Ice blue */
    /* ── warm ── */
    --svfp-warm:      #e87040;   /* Warm outlier — Warm amber */
    --svfp-glow:      #f0b890;   /* Warm glow — Peach glow */
    /* ── light ── */
    --svfp-white:     #f8b0ff;   /* Near white — Pale pink-white */
    --svfp-offwhite:  #f5f0ff;   /* Off-white — Lavender mist */
    --svfp-bg:        #0a0a14;
}

/* Sub-nav layout */
body.svfp-page { background: var(--svfp-bg); --credit-color: var(--svfp-raised); --nav-accent: var(--svfp-accent); --nav-glow: rgba(217,70,239,0.4); --nav-brand: var(--svfp-body); --nav-brand-glow: rgba(245,208,255,0.7); }
body.svfp-page .sub-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }

/* Back button: transparent + brand (per-page files override with page accent) */
body.svfp-page .nav-card.c-back { background: transparent; color: var(--svfp-brand); border-color: var(--svfp-brand); }
body.svfp-page .nav-card.c-back:hover { background: var(--svfp-brand); color: var(--svfp-offwhite); }

/* c-about: formerly c-purple */
body.svfp-page .nav-card.c-about { background: var(--svfp-brand); color: var(--svfp-offwhite); border-color: var(--svfp-brand); }
body.svfp-page .nav-card.c-about:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

/* c-events: formerly c-green */
body.svfp-page .nav-card.c-events  { background: var(--svfp-bright); color: var(--svfp-offwhite); border-color: var(--svfp-bright); }
body.svfp-page .nav-card.c-events:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

/* c-photography: formerly c-blue */
body.svfp-page .nav-card.c-photography   { background: var(--svfp-sky); color: var(--svfp-offwhite); border-color: var(--svfp-sky); }
body.svfp-page .nav-card.c-photography:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

/* c-recordings: warm amber */
body.svfp-page .nav-card.c-recordings   { background: var(--svfp-warm); color: var(--svfp-offwhite); border-color: var(--svfp-warm); }
body.svfp-page .nav-card.c-recordings:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

/* c-releases: formerly c-rose */
body.svfp-page .nav-card.c-releases   { background: var(--svfp-mid); color: var(--svfp-offwhite); border-color: var(--svfp-mid); }
body.svfp-page .nav-card.c-releases:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

/* c-works: formerly c-yellow */
body.svfp-page .nav-card.c-works { background: var(--svfp-cta); color: var(--svfp-offwhite); border-color: var(--svfp-cta); }
body.svfp-page .nav-card.c-works:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

/* c-documentary: rose accent */
body.svfp-page .nav-card.c-documentary { background: var(--svfp-rose); color: var(--svfp-offwhite); border-color: var(--svfp-rose); }
body.svfp-page .nav-card.c-documentary:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

/* c-links: bright teal */
body.svfp-page .nav-card.c-links { background: var(--svfp-teal-bright); color: var(--svfp-bg); border-color: var(--svfp-teal-bright); }
body.svfp-page .nav-card.c-links:hover { background: transparent !important; color: var(--svfp-offwhite) !important; }

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

body.svfp-page footer { color: var(--svfp-bright); }
body.svfp-page footer span { color: var(--svfp-accent); }