/*
 * MODULAR HUB — HOLOGRAPHX HARDWARE skin (v1)
 * Toolbar and palette only; modules, ports and cables (with their
 * connecting/flow animations) are untouched. Remove the <link> and body class to undo.
 */
body.hx-hw {
    --hx-acc: #1fe3ff;
    --hx-acc-rgb: 31, 227, 255;
}
body.hx-hw.hx-hw #toolbar {
    background: var(--hx-bar-bg) !important;
    border: 0 !important;
    box-shadow: var(--hx-bar-shadow) !important;
}
body.hx-hw.hx-hw #toolbar .toolbar-btn {
    font-family: var(--hx-font) !important;
    color: #d7d4d0 !important;
    background: var(--hx-key-bg) !important;
    border: 0 !important;
    border-radius: var(--hx-radius-key) !important;
    box-shadow: var(--hx-key-shadow) !important;
}
body.hx-hw.hx-hw #toolbar .toolbar-btn.danger { color: #ff6b5e !important; }
body.hx-hw.hx-hw #toolbar :is(h1, .logo, .title) {
    font-family: var(--hx-font) !important;
    font-style: normal !important;
    letter-spacing: .24em !important;
}
body.hx-hw.hx-hw #module-palette {
    background: linear-gradient(180deg, #19191c, #0e0e10) !important;
    border: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px #26262a, 0 22px 48px rgba(0,0,0,.7) !important;
}