/* Legacy layout hooks. Shared colors now come from site-theme.css. */
:is(.general-dark, .home-dark) .site-header, :is(.general-dark, .home-dark) .site-footer, :is(.general-dark, .home-dark) .main-nav {background:#005990;color:#fff}
:is(.general-dark, .home-dark) .site-header a {color:#fff}
.general-dark .brand-logo {background:#fff}
:is(.general-dark, .home-dark) .menu-toggle {color:#fff;border-color:rgb(255 255 255 / 70%)}
.general-dark .main-nav .header-contact {border-color:rgb(255 255 255 / 70%)}
:is(.general-dark, .home-dark) .button, .general-dark .back-to-top {background:var(--brand);border-color:var(--brand);color:var(--paper)}
:is(.general-dark, .home-dark) .button:hover, .general-dark .back-to-top:hover {background:var(--brand-hover)}
:is(.general-dark, .home-dark) .button.secondary {background:transparent;color:var(--brand);border-color:#4c8291}
:is(.general-dark, .home-dark) .button.secondary:hover {background:var(--tint)}
/* Dense tables use dark headings rather than a large cyan background. */
.general-dark .spec-matrix thead th {background:var(--tint);color:var(--ink);border-color:var(--line)}
.general-dark .spec-matrix thead a {color:var(--brand)}
.general-dark .comparison-section {background:var(--surface)}
.general-dark .comparison-toolbar, .general-dark .spec-matrix tbody th {background:var(--tint)}
.general-dark .comparison-consult {background:var(--paper)}
.general-dark pre {background:var(--tint);color:var(--ink);border:1px solid var(--line);padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}