/* Central palettes. Original intentionally inherits the existing design. */
:root[data-site-theme="navy"] {
    --theme-accent: #254d78; --theme-hover: #183753; --theme-ink: #172f49;
    --theme-muted: #53667a; --theme-soft: #eef2f7; --theme-border: #ced9e5;
    --theme-surface: #fff; --theme-deep: #142c46; --theme-accent-rgb: 37, 77, 120;
}
:root[data-site-theme="petrol"] {
    --theme-accent: #086b70; --theme-hover: #064e53; --theme-ink: #163b3e;
    --theme-muted: #526e70; --theme-soft: #eef5f3; --theme-border: #ccdedb;
    --theme-surface: #fff; --theme-deep: #103b40; --theme-accent-rgb: 8, 107, 112;
}
:root[data-site-theme="black"] {
    --theme-accent: #9dc5ff; --theme-hover: #c6ddff; --theme-ink: #eee;
    --theme-muted: #bfc4cc; --theme-soft: #121212; --theme-border: #383838;
    --theme-surface: #000; --theme-deep: #000; --theme-accent-rgb: 157, 197, 255;
    color-scheme: dark;
}
:root:is([data-site-theme="black"], [data-site-theme="navy"], [data-site-theme="petrol"]) {
    --bs-body-bg: var(--theme-surface); --bs-body-color: var(--theme-ink);
    --bs-secondary-color: var(--theme-muted); --bs-tertiary-bg: var(--theme-soft);
    --bs-border-color: var(--theme-border); --bs-primary: var(--theme-accent);
    --bs-primary-rgb: var(--theme-accent-rgb); --bs-link-color: var(--theme-accent);
    --bs-link-color-rgb: var(--theme-accent-rgb); --bs-link-hover-color: var(--theme-hover);
}
[data-site-theme]:not([data-site-theme="original"]) .btn-primary {
    --bs-btn-bg: var(--theme-accent); --bs-btn-border-color: var(--theme-accent);
    --bs-btn-hover-bg: var(--theme-hover); --bs-btn-hover-border-color: var(--theme-hover);
    --bs-btn-active-bg: var(--theme-hover); --bs-btn-active-border-color: var(--theme-hover);
}
[data-site-theme]:not([data-site-theme="original"]) .btn-outline-primary {
    --bs-btn-color: var(--theme-accent); --bs-btn-border-color: var(--theme-accent);
    --bs-btn-hover-bg: var(--theme-accent); --bs-btn-hover-border-color: var(--theme-accent);
    --bs-btn-active-bg: var(--theme-hover); --bs-btn-active-border-color: var(--theme-hover);
}
[data-site-theme="black"] :is(.btn-primary, .btn-outline-primary) {
    --bs-btn-hover-color: #101b30; --bs-btn-active-color: #101b30;
}
[data-site-theme="black"] .btn-primary { --bs-btn-color: #101b30; }
[data-site-theme="black"] .bg-white, [data-site-theme="black"] .bg-light { background-color: #121212 !important; }
[data-site-theme="black"] .text-dark { color: #eee !important; }
[data-site-theme="black"] .text-secondary { color: #bfc4cc !important; }
/* Keep the top-bar control legible in every palette and interaction state. */
:is(.site-quick-links, .dg-quick-links) .theme-toggle {
    display: inline-flex; align-items: center; gap: .45rem;
    background: #fff; color: #172033; border: 1px solid #fff;
    border-radius: 999px; font-size: .8rem; font-weight: 600; min-height: 36px;
}
:is(.site-quick-links, .dg-quick-links) .theme-toggle:is(:hover, :focus-visible, :active, .show) {
    background: #e4ebf4; color: #101b30; border-color: #fff;
}
.theme-toggle:focus-visible { outline: 3px solid #ffc44d; outline-offset: 2px; }
.theme-icon { width: 16px; height: 16px; flex-shrink: 0; fill: currentColor; }
.theme-option { display: flex; align-items: center; gap: .65rem; min-height: 40px; }
.theme-picker .dropdown-menu { max-width: calc(100vw - 24px); }
.theme-picker .dropdown-item { white-space: normal; }
.theme-swatch { width: 1rem; height: 1rem; border: 1px solid #888; border-radius: 50%; flex-shrink: 0; }
.theme-swatch-original { background: #1f67e8; }
.theme-swatch-black { background: #000; }
.theme-swatch-navy { background: #254d78; }
.theme-swatch-petrol { background: #086b70; }
.theme-selected { visibility: hidden; }
.theme-option.active .theme-selected { visibility: visible; }

[data-site-theme]:not([data-site-theme="original"]) {
    --dg-primary: var(--theme-accent); --dg-primary-dark: var(--theme-hover);
    --dg-navy: var(--theme-ink); --dg-surface: var(--theme-soft); --dg-border: var(--theme-border);
}
[data-site-theme]:not([data-site-theme="original"]) .dg-home-en {
    --home-blue: var(--theme-accent); --home-ink: var(--theme-ink);
    --home-muted: var(--theme-muted); --home-line: var(--theme-border);
    background: var(--theme-surface);
}
[data-site-theme]:not([data-site-theme="original"]) .dg-home-en :is(.home-benefits, .home-tint, .home-final, .home-product-image) { background: var(--theme-soft); }
[data-site-theme]:not([data-site-theme="original"]) .dg-home-en :is(.home-feature-main, .home-feature-stack article, .home-product-cards article, .home-capability-cards article, .product-nav, .product-four article, .product-evidence article) { background: var(--theme-surface); }
[data-site-theme]:not([data-site-theme="original"]) .dg-home-en .home-selfhost { background: var(--theme-deep); }
[data-site-theme]:not([data-site-theme="original"]) .dg-home-en .btn-primary { background: var(--theme-accent); border-color: var(--theme-accent); }
[data-site-theme]:not([data-site-theme="original"]) .dg-home-en .btn-primary:hover { background: var(--theme-hover); border-color: var(--theme-hover); }
[data-site-theme]:not([data-site-theme="original"]) .dg-home-en .btn-outline-primary { background: var(--theme-surface); }
[data-site-theme="black"] .dg-home-en .btn-primary { color: #101b30; }
[data-site-theme="black"] .dg-home-en .btn-outline-primary:hover { background: #242424; }
[data-site-theme="black"] .navbar-brand img { background: #fff; border-radius: 4px; }
[data-site-theme="black"] .navbar-nav .nav-link { color: #eee; }
[data-site-theme="black"] :is(.dg-page-hero, .dg-hero, .dg-section-soft) { background: #121212; color: #eee; }
[data-site-theme="black"] { --bs-body-bg-rgb: 0, 0, 0; --bs-body-color-rgb: 238, 238, 238; --bs-secondary-color-rgb: 191, 196, 204; }
[data-site-theme="black"] body { background: #000; color: #eee; }
[data-site-theme="black"] .dg-quick-link { color: #172033; }
[data-site-theme]:not([data-site-theme="original"]) .dg-benefits-marquee { background: var(--theme-soft); color: var(--theme-ink); }
[data-site-theme]:not([data-site-theme="original"]) .dg-benefit-card { background: var(--theme-surface); color: var(--theme-ink); border-color: var(--theme-border); }
[data-site-theme]:not([data-site-theme="original"]) :is(.seo-help-soft, .dg-dashboard-showcase, .dg-monitoring-mosaic, .dg-workflow) { background: var(--theme-soft); }
[data-site-theme="black"] :is(.seo-help-card, .dg-feature-card, .dg-report-card) { background: #121212; color: #eee; }
[data-site-theme="black"] .seo-help-card h3 { color: var(--theme-accent); }

[data-site-theme="black"] header .navbar { background: #000; }
[data-site-theme]:not([data-site-theme="original"]) .bg-primary-subtle { background: var(--theme-soft) !important; color: var(--theme-ink); }
[data-site-theme="black"] footer img[alt="DeskGate"] { background: #fff; border-radius: 4px; }
