/* Mesh Hub UK brand chrome for the which-mesh comparison page.
 *
 * This file used to open with `html{color-scheme:light!important}` and a
 * full !important :root palette, which is what pinned the page to light mode
 * regardless of the visitor's preference. which-mesh.css now maps its local
 * variables onto the shared tokens, so all that is left here is the chrome
 * this page genuinely adds on top: the orange header band and the surfaces
 * that should read as raised.
 */

@import url('./mh-tokens.css');

.dashboard-header {
    padding: 0;
    border-bottom: 0;
    color: var(--mh-banner-text);
    background: var(--mh-banner-bg);
}

.eyebrow,
.updated-card span,
.updated-card .refresh-note { color: var(--mh-accent); }

.updated-card,
.node-search,
.filter-panel,
.age-filter,
.coverage-note,
.legend-card,
.privacy-card,
.summary-card,
.sources-card {
    background: var(--mh-surface);
    box-shadow: 0 10px 28px var(--mh-shadow);
}

.network-button,
.secondary-button,
.search-field input,
.place-field input,
.filter-panel select { background: var(--mh-field-bg); }

.map-shell { z-index: 0; }

footer {
    color: var(--mh-banner-text-soft);
    border-color: var(--mh-banner-line);
    background: var(--mh-banner-bg);
}
.credits { border-color: var(--mh-banner-line); }
.credits a { color: var(--mh-banner-text); }