/* Shared visual bridge for the new Blog pages.
   It follows the same global switch used by the rest of the website. */
html:not(.xg-blog-theme) { color-scheme: light; }
html:not(.xg-blog-theme) body {
  --ink: #ffffff;
  --hull: #f4f4f4;
  --hull-2: #ffffff;
  --line: #e2e2e2;
  --fg: #0a0a0a;
  --muted: #5a5a5a;
  --signal: #e10600;
  --flare-ink: #ffffff;
  background: #ffffff;
  color: #0a0a0a;
}
html:not(.xg-blog-theme) .nav {
  --ink: #0b1426;
  --line: rgba(255,255,255,.12);
  background: rgba(11,20,38,.94);
  border-color: rgba(255,255,255,.12);
}
html:not(.xg-blog-theme) .brand-logo { filter: brightness(0) invert(1); }
html:not(.xg-blog-theme) .nav ul a,
html:not(.xg-blog-theme) .menu-btn { color: rgba(255,255,255,.72); }
html:not(.xg-blog-theme) .nav ul a:hover,
html:not(.xg-blog-theme) .nav ul a[aria-current] { color: #ffffff; }

/* Match the standard Xperts Global desktop header dimensions and CTA geometry. */
.nav { min-height: 96px; }
.nav .wrap { min-height: 96px; padding-block: 0; }
.brand-logo { height: 56px; }
.nav .nav-cta {
  min-height: 48px;
  padding: 14px 26px;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 14px;
}
html:not(.xg-blog-theme) .mast {
  --fg: #ffffff;
  --muted: rgba(255,255,255,.7);
  --line: rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 82% 20%, rgba(225,6,0,.16), transparent 26rem),
    linear-gradient(145deg, #0b1426 0%, #101d34 100%);
}
html:not(.xg-blog-theme) .mast h1 { color: #ffffff; }
html:not(.xg-blog-theme) .mast h1 span { color: #e10600; }
html:not(.xg-blog-theme) .card {
  background: #ffffff;
  border-color: #e2e2e2;
  box-shadow: 0 26px 70px -38px rgba(0,0,0,.35);
}
html:not(.xg-blog-theme) .card:hover { border-color: #e10600; }
html:not(.xg-blog-theme) .cover { background: #08101e; }
html:not(.xg-blog-theme) .cover svg rect { fill: #08101e; }
html:not(.xg-blog-theme) .chip { background: rgba(255,255,255,.06); }
html:not(.xg-blog-theme) .chip[aria-pressed="true"] { background: #ffffff; color: #0b1426; }
html:not(.xg-blog-theme) article.post { background: #ffffff; }
html:not(.xg-blog-theme) .callout,
html:not(.xg-blog-theme) th { background: #f4f4f4; }
html:not(.xg-blog-theme) .post-cta { background: linear-gradient(135deg, #e10600, #a80000); }
html:not(.xg-blog-theme) .post-cta p { color: #ffffff; }
html:not(.xg-blog-theme) footer {
  --ink: #0b1426;
  --hull: #121d31;
  --hull-2: #101a2c;
  --line: rgba(255,255,255,.13);
  --fg: #ffffff;
  --muted: rgba(255,255,255,.68);
  background: #0b1426;
}

@media (max-width: 900px) {
  .nav, .nav .wrap { min-height: 80px; }
  .brand-logo { height: 40px; }
}

/* When unified light mode is enabled, restore the original Blog light palette. */
html.xg-blog-theme { color-scheme: light; }