/* Irvin House shared color palette — slate / steel blue / warm terracotta theme */
:root {
    /* ── base ── */
    --ih-deep:    #4a5058;
    --ih-dark:    #6a7278;
    --ih-muted:   #9098a0;
    --ih-light:   #b8c8d8;
    --ih-cream:   #dce8f0;
    --ih-bg:      #0c0e10;

    /* ── brand / accent ── */
    --ih-brand:   #7090b8;
    --ih-accent:  #80b8c8;

    /* ── greens ── */
    --ih-green:   #608850;
    --ih-leaf:    #4a7858;

    /* ── warm ── */
    --ih-cta:     #a86848;
    --ih-heading: #c8b890;
    --ih-body:    #907060;
    --ih-warm:    #d4906a;

    /* ── purples / sage ── */
    --ih-sage:    #8888b0;
    --ih-wheat:   #b8d0b0;

    /* ── text hierarchy ── */
    --ih-text-bright:    #f0f4f8;
    --ih-text-body:      #c8d4e0;
    --ih-text-dim:       #8898a8;
    --ih-text-faint:     #586070;
    --ih-text-disabled:  #384048;

    /* ── blue ramp ── */
    --ih-navy:        #1a2838;
    --ih-deep-blue:   #2a3f58;
    --ih-mid-blue:    #4a6888;
    --ih-pale-blue:   #a0b8d0;
    --ih-mist:        #d0dce8;
    --ih-ice:         #e8f0f8;

    /* ── cool gray ramp ── */
    --ih-void:        #060810;
    --ih-near-black:  #0a0c10;
    --ih-surface:     #181e24;
    --ih-raised:      #242c34;
    --ih-border-dark: #303840;
    --ih-border-mid:  #485058;
    --ih-border-light:#687078;

    /* ── green extended ── */
    --ih-forest:     #1e3020;
    --ih-moss:       #385828;
    --ih-fern:       #507840;
    --ih-olive:      #788858;
    --ih-pale-green: #a8c098;
    --ih-lichen:     #c8d8b8;

    /* ── teal ── */
    --ih-teal-deep:  #183830;
    --ih-teal:       #286858;
    --ih-teal-mid:   #409878;
    --ih-teal-bright:#60b898;
    --ih-teal-mist:  #a0d0c0;

    /* ── warm/terra extended ── */
    --ih-ember:    #6a2818;
    --ih-rust:     #904830;
    --ih-terra:    #c06040;
    --ih-salmon:   #e09070;
    --ih-peach:    #f0b898;
    --ih-blush:    #f8d0b8;

    /* ── sage/mauve extended ── */
    --ih-deep-sage:     #484858;
    --ih-violet-gray:   #707090;
    --ih-lavender:      #a8a8c8;
    --ih-pale-lavender: #d0d0e8;
    --ih-lilac-mist:    #e8e8f4;

    /* ── wheat/straw extended ── */
    --ih-straw-deep: #687848;
    --ih-straw:      #98a870;
    --ih-pale-straw: #c8d8a8;
    --ih-linen:      #e8ecd8;

    /* ── warm neutrals ── */
    --ih-bark:       #2a2018;
    --ih-taupe:      #706050;
    --ih-sand:       #b0a888;
    --ih-parchment:  #e8e0cc;

    /* ── highlight / glow ── */
    --ih-glow-blue:  #b0d0f0;
    --ih-glow-warm:  #f0c8a0;
    --ih-glow-green: #b8d8b0;
    --ih-glow-sage:  #c8c8e0;

    /* ── nav ── */
    --nav-accent:      var(--ih-brand);
    --nav-glow:        rgba(112,144,184,0.4);
    --nav-brand:       var(--ih-accent);
    --nav-brand-glow:  rgba(128,184,200,0.7);
}

/* Sub-nav button colors — all pages use these */
body.ih-page { background: var(--ih-bg); --credit-color: var(--ih-muted); }
body.ih-page .sub-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
body.ih-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.ih-page .sub-nav .nav-card::after { display: none; }
body.ih-page .sub-nav .nav-card:hover { background: inherit !important; color: inherit !important; box-shadow: none !important; }

/* c-about: lavender (formerly c-sage) */
body.ih-page .sub-nav .nav-card.c-about { background: var(--ih-sage); color: var(--ih-deep); border-color: var(--ih-sage); }
body.ih-page .sub-nav .nav-card.c-about:hover { background: transparent; color: var(--ih-cream); border-color: var(--ih-sage); }

/* c-personnel: steel blue brand (formerly c-blue) */
body.ih-page .sub-nav .nav-card.c-personnel { background: var(--ih-brand); color: var(--ih-deep); border-color: var(--ih-brand); }
body.ih-page .sub-nav .nav-card.c-personnel:hover { background: transparent; color: var(--ih-cream); border-color: var(--ih-brand); }

/* c-recordings: warm terracotta accent (formerly c-cyan) */
body.ih-page .sub-nav .nav-card.c-recordings { background: var(--ih-accent); color: var(--ih-deep); border-color: var(--ih-accent); }
body.ih-page .sub-nav .nav-card.c-recordings:hover { background: transparent; color: var(--ih-cream); border-color: var(--ih-accent); }

/* c-works: terracotta CTA (formerly c-yellow) */
body.ih-page .sub-nav .nav-card.c-works { background: var(--ih-cta); color: var(--ih-deep); border-color: var(--ih-cta); }
body.ih-page .sub-nav .nav-card.c-works:hover { background: transparent; color: var(--ih-cream); border-color: var(--ih-cta); }

/* c-events: leaf (formerly c-sage) */
body.ih-page .sub-nav .nav-card.c-events { background: var(--ih-green); color: var(--ih-deep); border-color: var(--ih-green); }
body.ih-page .sub-nav .nav-card.c-events:hover { background: transparent; color: var(--ih-cream); border-color: var(--ih-green); }

/* c-links: teal mid */
body.ih-page .sub-nav .nav-card.c-links { background: var(--ih-teal-mid); color: var(--ih-deep); border-color: var(--ih-teal-mid); }
body.ih-page .sub-nav .nav-card.c-links:hover { background: transparent; color: var(--ih-cream); border-color: var(--ih-teal-mid); }

/* c-photography: wheat */
body.ih-page .sub-nav .nav-card.c-photography { background: var(--ih-wheat); color: var(--ih-deep); border-color: var(--ih-wheat); }
body.ih-page .sub-nav .nav-card.c-photography:hover { background: transparent; color: var(--ih-cream); border-color: var(--ih-wheat); }


/* About button self-link hider */
body.ih-page .sub-nav a[href="about.html"] {
    background: var(--ih-sage);
    color: var(--ih-deep);
    border-color: var(--ih-sage);
}

body.ih-page footer { color: var(--ih-muted); }
body.ih-page footer span { color: var(--ih-brand); }