/* ── label-theme.css — monochromatic purple theme for by-label section ── */
/* Palette: #10002b #240046 #3c096c #5a189a #6a1bb0 #782cbf #b185db #9d4edd #c77dff #e0aaff */
/* Activated by body.lbl-page class on by-label pages */

:root {
    --lbl-void:     #10002b;
    --lbl-darkest:  #240046;
    --lbl-dark:     #3c096c;
    --lbl-mid-dark: #5a189a;
    --lbl-deep:     #6a1bb0;
    --lbl-bright:   #782cbf;
    --lbl-muted:    #b185db;
    --lbl-violet:   #9d4edd;
    --lbl-light:    #c77dff;
    --lbl-pale:     #e0aaff;
}

/* ── Page background ── */
body.lbl-page {
    --nav-brand:       var(--lbl-violet);
    --nav-brand-glow:  rgba(157,78,221,0.7);
    --nav-accent:      var(--lbl-mid-dark);
    --nav-glow:        rgba(90,24,154,0.4);
    background: var(--lbl-void);
}

/* ── Nav ── */
body.lbl-page nav {
    border-bottom-color: var(--lbl-mid-dark);
    box-shadow: 0 0 18px var(--nav-glow);
}

body.lbl-page .nav-brand {
    color: var(--lbl-violet);
    text-shadow: 0 0 10px var(--nav-brand-glow);
}

/* ── Hamburger ── */
body.lbl-page .hamburger span {
    background: var(--lbl-mid-dark);
}

/* ── Links ── */
body.lbl-page a {
    color: var(--lbl-violet);
}

/* ── Footer ── */
body.lbl-page footer span {
    color: var(--lbl-violet);
}

/* ── Ticker ── */
body.lbl-page .ticker {
    color: var(--lbl-bright);
}

body.lbl-page .ticker .sep {
    color: var(--lbl-mid-dark);
}

/* ── Breadcrumb (contributor.css override) ── */
body.lbl-page .breadcrumb a {
    color: var(--lbl-muted);
}

body.lbl-page .breadcrumb a:hover {
    color: var(--lbl-light);
}

body.lbl-page .breadcrumb .sep {
    color: var(--lbl-violet);
}

body.lbl-page .breadcrumb .current {
    color: var(--lbl-violet);
}

/* ── Contributor header ── */
body.lbl-page .contrib-name {
    color: var(--lbl-violet);
    text-shadow: 2px 2px 0px var(--lbl-darkest), 0 0 20px rgba(224,170,255,0.5);
}

/* ── Sections ── */
body.lbl-page .section-divider {
    background: linear-gradient(90deg, transparent, var(--lbl-violet), transparent);
}

body.lbl-page .section-title {
    color: var(--lbl-violet);
}

/* ── Entries ── */
body.lbl-page .entry {
    border-color: var(--lbl-dark);
    background: var(--lbl-darkest);
}

body.lbl-page .entry:hover {
    border-color: var(--lbl-mid-dark);
}

body.lbl-page .entry-header:hover {
    background: rgba(157,78,221,0.04);
}

body.lbl-page .entry-name a {
    color: var(--lbl-pale);
}

body.lbl-page .entry-name a:hover {
    color: var(--lbl-light);
}

body.lbl-page .entry-arrow {
    color: var(--lbl-muted);
}

/* ── Instrument tags ── */
body.lbl-page .instrument-tag {
    background: var(--lbl-dark);
    border-color: var(--lbl-mid-dark);
    color: var(--lbl-muted);
}

/* ── Simple lists ── */
body.lbl-page .simple-list li {
    border-bottom-color: var(--lbl-dark);
}

body.lbl-page .simple-list a {
    color: var(--lbl-pale);
}

body.lbl-page .simple-list a:hover {
    color: var(--lbl-light);
}

/* ── Credit sections ── */
body.lbl-page .credit-header:hover .section-title {
    color: var(--lbl-light);
}

body.lbl-page .credit-list li {
    border-bottom-color: var(--lbl-dark);
}

body.lbl-page .credit-list a {
    color: var(--lbl-pale);
}

body.lbl-page .credit-list a:hover {
    color: var(--lbl-light);
}

body.lbl-page .credit-count {
    color: var(--lbl-muted);
}

body.lbl-page .credit-sub {
    color: var(--lbl-muted);
}

/* ── MB link ── */
body.lbl-page .mb-link {
    border-color: var(--lbl-mid-dark);
    color: var(--lbl-muted);
}

body.lbl-page .mb-link:hover {
    color: var(--lbl-light);
    border-color: var(--lbl-violet);
    box-shadow: 0 0 12px rgba(157,78,221,0.3);
}

/* ── Loading / error ── */
body.lbl-page .loading {
    color: var(--lbl-muted);
}

body.lbl-page .error-msg {
    color: var(--lbl-light);
}

/* ── Index page specific ── */
body.lbl-page .page-title {
    color: var(--lbl-violet);
    text-shadow: 0 0 16px rgba(157,78,221,0.5);
}

body.lbl-page .page-subtitle {
    color: var(--lbl-muted);
}

body.lbl-page .intro {
    color: var(--lbl-pale);
}

body.lbl-page .card {
    border-color: var(--lbl-dark);
    background: var(--lbl-darkest);
}

body.lbl-page .card:hover {
    border-color: var(--lbl-violet);
    box-shadow: 0 0 16px rgba(157,78,221,0.3);
}

body.lbl-page .card-title {
    color: var(--lbl-pale);
}

body.lbl-page .card-sub {
    color: var(--lbl-muted);
}

body.lbl-page .note {
    color: var(--lbl-muted);
}