/* ==========================================================================
   NETAPHOR "LIGHT" THEME — enterprise white.
   Activated via html[data-theme="light"]. Clean white canvas, blue-tinted
   grays, Netaphor brand blue as the action color, the four-color signature
   stripe retained, and deep-navy anchor panels (footer, contact, network
   showcase) for weight. Soft layered shadows, generous air, zero noise.
   ========================================================================== */

html[data-theme="light"] {
  --lt-bg: #ffffff;
  --lt-alt: #f7f3ea;
  --lt-alt-2: #efe9dd;
  --lt-card: #ffffff;
  --lt-text: #13253b;
  --lt-secondary: #3e5066;
  --lt-muted: #4f6075;
  --lt-border: rgba(18, 42, 68, .10);
  --lt-border-strong: rgba(18, 42, 68, .22);
  --lt-blue: #17708a;
  --lt-blue-deep: #0f5569;
  --lt-blue-ink: #0f5569;
  --lt-grad: linear-gradient(135deg, #17708a, #0f5569);
  --lt-shadow: 0 12px 32px rgba(18, 42, 68, .08), 0 2px 8px rgba(18, 42, 68, .05);
  --lt-shadow-lg: 0 24px 60px rgba(18, 42, 68, .12), 0 4px 14px rgba(18, 42, 68, .06);

  /* Shared theme tokens */
  --theme-950: var(--lt-bg);
  --theme-900: var(--lt-bg);
  --theme-850: var(--lt-alt);
  --theme-800: var(--lt-alt);
  --theme-700: var(--lt-alt-2);
  --theme-text: var(--lt-text);
  --theme-secondary: var(--lt-secondary);
  --theme-muted: var(--lt-muted);

  /* Light-surface tokens (site-polish funnels through these) */
  --light-0: var(--lt-card);
  --light-50: var(--lt-bg);
  --light-100: var(--lt-alt);
  --light-200: #efe9dd;
  --light-300: #ddd5c6;
  --light-text: var(--lt-text);
  --light-secondary: var(--lt-secondary);
  --light-muted: var(--lt-muted);
  --light-border: var(--lt-border);
  --light-border-strong: var(--lt-border-strong);
  --light-shadow: var(--lt-shadow);
  --color-surface-light: var(--lt-bg);
  --color-surface-light-alt: var(--lt-alt);
  --color-text-on-light: var(--lt-text);
  --color-text-on-light-secondary: var(--lt-secondary);
}
html[data-theme="light"] body {
  --color-primary-950: var(--lt-bg);
  --color-primary-900: var(--lt-bg);
  --color-primary-800: var(--lt-alt);
  --color-primary-700: var(--lt-alt-2);
  --color-primary-600: #efe9dd;
  --color-primary-500: var(--lt-blue);
  --color-accent-400: var(--lt-blue-deep);
  --color-accent-500: var(--lt-blue);
  --color-accent-600: var(--lt-blue-deep);
  --color-accent-700: var(--lt-blue-ink);
  --color-signal-400: #1b7f4d;
  --color-signal-500: #1b7f4d;
  --color-signal-600: #14683d;
  --color-gold-400: #8a5a00;
  --color-gold-500: #8a5a00;
  --color-surface-dark: var(--lt-bg);
  --color-surface-darker: var(--lt-bg);
  --color-surface-card: var(--lt-card);
  --color-surface-card-hover: #fbfcfe;
  --color-border-subtle: var(--lt-border);
  --color-border-medium: var(--lt-border-strong);
  --color-text-primary: var(--lt-text);
  --color-text-secondary: var(--lt-secondary);
  --color-text-muted: var(--lt-muted);
}

html[data-theme="light"],
html[data-theme="light"] body {
  background: var(--lt-bg);
  color: var(--lt-text);
}
html[data-theme="light"] ::selection { background: rgba(23, 112, 138, .22); color: var(--lt-text); }
html[data-theme="light"] :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--lt-blue) !important;
  box-shadow: 0 0 0 2px #ffffff !important;
}
html[data-theme="light"] :is(h1, h2, h3, h4, h5, h6) { color: var(--lt-text); }

/* --------------------------------------------------------------------------
   Header: white glass, signature stripe retained
   -------------------------------------------------------------------------- */
html[data-theme="light"] .site-header {
  background: rgba(255, 255, 255, .86) !important;
  border-bottom: 1px solid var(--lt-border) !important;
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  box-shadow: 0 1px 0 rgba(18, 42, 68, .04);
}
html[data-theme="light"] .nav-link { color: var(--lt-secondary); }
html[data-theme="light"] .nav-link:hover { color: var(--lt-text); background: var(--lt-alt); }
html[data-theme="light"] .nav-link[aria-current="page"],
html[data-theme="light"] .nav-mobile__link[aria-current="page"] {
  color: var(--lt-blue-deep) !important;
  background: rgba(23, 112, 138, .10) !important;
}
html[data-theme="light"] .nav-link[aria-current="page"]::after { background: var(--lt-blue) !important; }
html[data-theme="light"] .mobile-toggle__bar { background: var(--lt-text) !important; }
html[data-theme="light"] .nav-mobile { background: rgba(255, 255, 255, .98) !important; border-color: var(--lt-border) !important; }
html[data-theme="light"] .nav-mobile__link { color: var(--lt-text) !important; }
html[data-theme="light"] body.article-site-page .site-header,
html[data-theme="light"] body.requirements-page .site-header {
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid var(--lt-border) !important;
}
html[data-theme="light"] .page-context__inner,
html[data-theme="light"] .page-context__separator,
html[data-theme="light"] .page-context__current { color: var(--lt-muted); }
html[data-theme="light"] .page-context a,
html[data-theme="light"] .page-context button { color: var(--lt-blue-deep); }
html[data-theme="light"] .page-context a:hover { color: var(--lt-text); background: var(--lt-alt); }

/* --------------------------------------------------------------------------
   Heroes & sections: airy white with soft brand tints
   -------------------------------------------------------------------------- */
html[data-theme="light"] :is(.hero, .story-hero, .comic-hero, .cta-section, .platform-req-hero, .legal-hero) {
  background:
    radial-gradient(52% 42% at 78% 12%, rgba(23, 112, 138, .10), transparent 70%),
    radial-gradient(40% 34% at 8% 92%, rgba(14, 143, 180, .07), transparent 70%),
    var(--lt-bg) !important;
  color: var(--lt-text);
}
html[data-theme="light"] :is(.hero__bg, .hero__bg-gradient, .cta-section__bg) { opacity: .5; filter: invert(1) hue-rotate(180deg) saturate(.7); }
html[data-theme="light"] :is(.hero h1, .story-hero h1, .legal-hero h1, .section-title, .cta-section__title) { color: var(--lt-text) !important; }
html[data-theme="light"] :is(.hero__desc, .story-hero__lead, .legal-hero .hero__desc, .section-desc, .cta-section__desc) { color: var(--lt-secondary) !important; }
html[data-theme="light"] .story-kicker,
html[data-theme="light"] .section-label { color: var(--lt-blue-deep) !important; }
html[data-theme="light"] .story-kicker::before,
html[data-theme="light"] .section-label::before { background: var(--lt-grad) !important; }
html[data-theme="light"] .story-proof span {
  border: 1px solid var(--lt-border) !important;
  background: var(--lt-card) !important;
  color: var(--lt-secondary) !important;
  box-shadow: 0 2px 6px rgba(18, 42, 68, .05);
}
html[data-theme="light"] :is(.section--light, .story-section--light, .bg-light, .milestone-section) {
  background: linear-gradient(180deg, var(--lt-alt) 0%, #f0f4f9 100%) !important;
  border-block: 1px solid var(--lt-border) !important;
  color: var(--lt-text) !important;
}
html[data-theme="light"] .bg-light-alt { background: var(--lt-alt) !important; color: var(--lt-text) !important; }
html[data-theme="light"] .section { color: var(--lt-secondary); }
html[data-theme="light"] p { color: var(--lt-secondary); }
html[data-theme="light"] :is(td, li, dd) { color: var(--lt-secondary); }
html[data-theme="light"] th { color: var(--lt-text) !important; }
html[data-theme="light"] table th { background: var(--lt-alt) !important; }

/* --------------------------------------------------------------------------
   Buttons: brand-blue actions, quiet outlines
   -------------------------------------------------------------------------- */
html[data-theme="light"] .btn--primary {
  background: var(--lt-grad) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(23, 112, 138, .32) !important;
}
html[data-theme="light"] .btn--primary:hover {
  background: linear-gradient(135deg, #0f5569, #0b7a99) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(29, 110, 179, .4) !important;
  transform: translateY(-1px);
}
html[data-theme="light"] .btn--secondary {
  background: #ffffff !important;
  border: 1px solid var(--lt-border-strong) !important;
  color: var(--lt-text) !important;
  box-shadow: 0 2px 6px rgba(18, 42, 68, .05) !important;
}
html[data-theme="light"] .btn--secondary:hover {
  border-color: var(--lt-blue) !important;
  color: var(--lt-blue-deep) !important;
  background: #fdfbf6 !important;
}
html[data-theme="light"] .lang-tag {
  background: #ffffff !important;
  border: 1px solid var(--lt-border-strong) !important;
  color: var(--lt-text) !important;
}
html[data-theme="light"] .lang-tag:hover {
  background: var(--lt-blue) !important;
  border-color: var(--lt-blue) !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Cards: white, hairline, layered soft shadow, blue lift on hover
   -------------------------------------------------------------------------- */
html[data-theme="light"] :is(
  .card, .solution-card, .leader-card, .award-card, .download-card, .resource-card,
  .whitepaper-card, .event-card, .dl-card, .yt-card, .contact-form,
  .partner-logo, .value-step, .cap-card,
  .requirement-section, .platform-req-sidebar__card, .sidebar-block, .kb-article-card,
  .milestone-card, .addon-card, .deploy-card, .quick-access-card, .comparison-card
) {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-border) !important;
  color: var(--lt-text) !important;
  box-shadow: var(--lt-shadow) !important;
}
html[data-theme="light"] :is(
  .card, .solution-card, .leader-card, .award-card, .download-card, .resource-card,
  .whitepaper-card, .event-card, .dl-card, .yt-card, .partner-logo, .value-step,
  .cap-card, .quick-access-card, .deploy-card
):hover {
  border-color: rgba(23, 112, 138, .45) !important;
  box-shadow: var(--lt-shadow-lg) !important;
}
html[data-theme="light"] :is(.card__title, .leader-card__name, .award-card__title, .dl-card__name, .yt-card__title, .deploy-card__title, .comparison-card__name) { color: var(--lt-text) !important; }
html[data-theme="light"] :is(.leader-card__role, .leader-card__bio, .award-card__year, .dl-card__meta, .yt-card__meta, .deploy-card__desc, .comparison-card__desc) { color: var(--lt-secondary) !important; }
html[data-theme="light"] .milestone-card__year { color: var(--lt-blue-deep) !important; }
html[data-theme="light"] .quick-access-card strong { color: var(--lt-text) !important; }
html[data-theme="light"] .quick-access-card span { color: var(--lt-secondary) !important; }
html[data-theme="light"] .webreports-point {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-border) !important;
  color: var(--lt-secondary) !important;
  box-shadow: 0 2px 8px rgba(18, 42, 68, .05);
}
html[data-theme="light"] .roi-panel { background: var(--lt-card) !important; border: 1px solid var(--lt-border) !important; box-shadow: var(--lt-shadow) !important; }
html[data-theme="light"] .roi-metric { background: var(--lt-alt) !important; border: 1px solid var(--lt-border) !important; }
html[data-theme="light"] .roi-metric strong { color: var(--lt-text) !important; }
html[data-theme="light"] .roi-metric span { color: var(--lt-secondary) !important; }
html[data-theme="light"] .deploy-card--featured { border-color: rgba(23, 112, 138, .5) !important; box-shadow: 0 0 0 1px rgba(23, 112, 138, .25), var(--lt-shadow-lg) !important; }
html[data-theme="light"] .deploy-card__badge { background: var(--lt-blue-deep) !important; color: #ffffff !important; }
html[data-theme="light"] .comparison-card--featured::before { background: var(--lt-blue-deep) !important; color: #ffffff !important; }
html[data-theme="light"] .tabs__btn--active { background: var(--lt-blue-deep) !important; color: #ffffff !important; }

/* Product visuals: airy blue panels */
html[data-theme="light"] :is(.story-visual, .feature-split__visual, .feature-row__visual) {
  background: linear-gradient(145deg, #eaf2fb, #dcebf8) !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow-lg) !important;
}
html[data-theme="light"] .partner-node,
html[data-theme="light"] .story-visual__badge {
  background: #ffffff !important;
  color: var(--lt-text) !important;
  border: 1px solid var(--lt-border-strong) !important;
  box-shadow: 0 14px 32px rgba(18, 42, 68, .16) !important;
}

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  color: var(--lt-text) !important;
  background: #ffffff !important;
  border-color: var(--lt-border-strong) !important;
  accent-color: var(--lt-blue);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: var(--lt-muted) !important; }
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus {
  border-color: var(--lt-blue) !important;
  box-shadow: 0 0 0 3px rgba(23, 112, 138, .16) !important;
}
html[data-theme="light"] select option { color: var(--lt-text) !important; background: #ffffff !important; }
html[data-theme="light"] .contact-form .form-group__label { color: var(--lt-text) !important; }
html[data-theme="light"] .contact-form-shell { background: var(--lt-card) !important; border: 1px solid var(--lt-border) !important; box-shadow: var(--lt-shadow) !important; }
html[data-theme="light"] .contact-form-note { color: var(--lt-muted) !important; }
html[data-theme="light"] .error { color: #b42318 !important; }

/* --------------------------------------------------------------------------
   Articles & platform requirements
   -------------------------------------------------------------------------- */
html[data-theme="light"] .article-page,
html[data-theme="light"] .platform-req-page {
  background: var(--lt-alt) !important;
  color: var(--lt-text) !important;
}
html[data-theme="light"] .article-content {
  background: #ffffff !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow) !important;
}
html[data-theme="light"] .article-page :is(.article-title, .article__body h2, .article-body h2, .article__body h3, .article-body h3, .article-sidebar__title, .sidebar-block__title) { color: var(--lt-text) !important; }
html[data-theme="light"] .article-page :is(.article-subtitle, .article__body p, .article-body p, .article__body li, .article-body li, .article__date, .article-breadcrumb, .article-breadcrumb__current) { color: var(--lt-secondary) !important; }
html[data-theme="light"] .article-page :is(.article-sidebar__section, .sidebar-block, .article-back, .article-next) {
  background: #ffffff !important;
  border-color: var(--lt-border) !important;
  color: var(--lt-text) !important;
  box-shadow: 0 6px 18px rgba(18, 42, 68, .05) !important;
}
html[data-theme="light"] .article-page :is(.article-toc a, .sidebar-toc a, .sidebar-related a, .article-back, .article-next) { color: var(--lt-secondary) !important; }
html[data-theme="light"] .article-page :is(.article-toc a, .sidebar-toc a, .sidebar-related a, .article-back, .article-next):hover { color: var(--lt-blue-deep) !important; }
html[data-theme="light"] .article-page :is(.article__note, .callout--info) { background: #fbf8f1 !important; color: var(--lt-secondary) !important; border-color: rgba(23, 112, 138, .3) !important; }
html[data-theme="light"] .article-page :is(.article__body pre, .article-body pre) { background: #13253b !important; border-color: #13253b !important; }
html[data-theme="light"] .article-page :is(.article__body pre code, .article-body pre code) { color: #e7f0fa !important; }
html[data-theme="light"] .article-page :is(.article__body code, .article-body code) { background: #eef4fa !important; color: var(--lt-blue-ink) !important; border-color: var(--lt-border) !important; }
html[data-theme="light"] :is(.article-page, .platform-req-page) :is(table, .article-table, .requirement-table-wrap) { background: #ffffff !important; border-color: var(--lt-border) !important; }
html[data-theme="light"] :is(.article-page, .platform-req-page) :is(th, td) { border-color: var(--lt-border) !important; }
html[data-theme="light"] :is(.article-page th, .requirement-table th) { background: var(--lt-alt) !important; color: var(--lt-text) !important; }
html[data-theme="light"] :is(.article-page td, .requirement-table td) { color: var(--lt-secondary) !important; }
html[data-theme="light"] .requirement-table td:first-child,
html[data-theme="light"] .addon-card h3 { color: var(--lt-text) !important; }
html[data-theme="light"] .platform-req-hero {
  --color-text-primary: var(--lt-text);
  --color-text-secondary: var(--lt-secondary);
  --color-text-muted: var(--lt-muted);
  color: var(--lt-text);
}
html[data-theme="light"] .platform-req-summary__item { background: #ffffff !important; border: 1px solid var(--lt-border) !important; box-shadow: 0 2px 8px rgba(18, 42, 68, .05); }
html[data-theme="light"] .platform-req-summary__label { color: var(--lt-muted) !important; }
html[data-theme="light"] .platform-req-summary__value { color: var(--lt-text) !important; }
html[data-theme="light"] .platform-req-note { background: #fbeedb !important; color: var(--lt-secondary) !important; border-color: rgba(138, 90, 0, .35) !important; }
html[data-theme="light"] :is(.platform-req-toc a, .platform-req-related a, .platform-req-page .platform-req-breadcrumb, .platform-req-page .platform-req-breadcrumb a) { color: var(--lt-secondary) !important; }

/* Legal pages */
html[data-theme="light"] .legal-nav { background: #ffffff !important; border: 1px solid var(--lt-border) !important; box-shadow: 0 6px 18px rgba(18, 42, 68, .05); }
html[data-theme="light"] .legal-nav a { color: var(--lt-secondary) !important; }
html[data-theme="light"] .legal-nav a:hover { background: #fbf8f1 !important; color: var(--lt-blue-deep) !important; }
html[data-theme="light"] .legal-document { background: #ffffff !important; border: 1px solid var(--lt-border) !important; box-shadow: var(--lt-shadow) !important; }
html[data-theme="light"] .legal-document :is(h2, h3) { color: var(--lt-text) !important; }
html[data-theme="light"] :is(.legal-document p, .legal-document li) { color: var(--lt-secondary) !important; }

/* --------------------------------------------------------------------------
   Planner, admin, archive, error
   -------------------------------------------------------------------------- */
html[data-theme="light"] body.planner-page {
  --ink: var(--lt-text);
  --muted: var(--lt-secondary);
  --bg: var(--lt-bg);
  --bg2: var(--lt-alt);
  --surface: #ffffff;
  --chip: #fbf8f1;
  --border: var(--lt-border-strong);
  --shadow: var(--lt-shadow);
  background: var(--lt-alt) !important;
  color: var(--lt-text) !important;
}
html[data-theme="light"] .planner-page > nav { background: rgba(255, 255, 255, .95) !important; border-bottom: 1px solid var(--lt-border); }
html[data-theme="light"] .planner-page > nav a:first-child { color: var(--lt-text) !important; }
html[data-theme="light"] .planner-page .hero,
html[data-theme="light"] .planner-page .hero :is(h1, p, .pill) { color: var(--lt-text) !important; }
html[data-theme="light"] .planner-page :is(.sidebar, main > .card, .results .section) {
  background: #ffffff !important;
  border: 1px solid var(--lt-border) !important;
  color: var(--lt-text) !important;
  box-shadow: var(--lt-shadow) !important;
}
html[data-theme="light"] .planner-page :is(.title, .side-title, .section h3, .section h4, label, td) { color: var(--lt-text) !important; }
html[data-theme="light"] .planner-page :is(.desc, .hint, .muted) { color: var(--lt-secondary) !important; }
html[data-theme="light"] .planner-page .step { color: var(--lt-secondary) !important; border-color: var(--lt-border-strong) !important; }
html[data-theme="light"] .planner-page .step.active { color: var(--lt-text) !important; background: #fbf8f1 !important; }
html[data-theme="light"] .planner-page .opt { background: #ffffff !important; color: var(--lt-text) !important; border-color: var(--lt-border-strong) !important; }
html[data-theme="light"] .planner-page .opt.active { background: #fbf8f1 !important; border-color: var(--lt-blue) !important; }
html[data-theme="light"] .planner-page :is(input[type="text"], input[type="email"], input[type="tel"]) { background: #ffffff !important; color: var(--lt-text) !important; }
html[data-theme="light"] .planner-page .btn-subtle { background: var(--lt-alt) !important; color: var(--lt-text) !important; border-color: var(--lt-border-strong) !important; }
html[data-theme="light"] .planner-page .btn-ghost { color: var(--lt-text) !important; border-color: var(--lt-border-strong) !important; }
html[data-theme="light"] .planner-page tr:nth-child(even) td { background: var(--lt-alt) !important; }
html[data-theme="light"] .planner-page .infobox { background: #fbf8f1 !important; color: var(--lt-secondary) !important; }
html[data-theme="light"] .planner-page .warn { background: #fbeedb !important; }
html[data-theme="light"] .planner-page footer,
html[data-theme="light"] .planner-page footer a { color: var(--lt-secondary) !important; }

html[data-theme="light"] body.archive-page { background: var(--lt-alt) !important; color: var(--lt-text) !important; }
html[data-theme="light"] .archive-page .archive-card { background: #ffffff !important; border-color: var(--lt-border) !important; color: var(--lt-text) !important; box-shadow: var(--lt-shadow-lg) !important; }
html[data-theme="light"] .archive-page .archive-card h1 { color: var(--lt-text) !important; }
html[data-theme="light"] .archive-page .archive-card h3 { color: var(--lt-text) !important; }
html[data-theme="light"] .archive-page .archive-card p { color: var(--lt-secondary) !important; }
html[data-theme="light"] .archive-page .secondary { color: var(--lt-text) !important; border-color: var(--lt-border-strong) !important; }
html[data-theme="light"] .archive-page .primary { background: var(--lt-blue-deep) !important; }

html[data-theme="light"] body.admin-page {
  --bg: var(--lt-alt);
  --bg2: #ffffff;
  --card: #ffffff;
  --line: var(--lt-border-strong);
  --ink: var(--lt-text);
  --muted: var(--lt-secondary);
  background: var(--lt-alt) !important;
  color: var(--lt-text) !important;
}
html[data-theme="light"] .admin-page header.top { background: #13253b !important; color: #f1f5f9 !important; }
html[data-theme="light"] .admin-page .card { background: #ffffff !important; border-color: var(--lt-border) !important; box-shadow: var(--lt-shadow); }
html[data-theme="light"] .admin-page :is(input, select, textarea) { background: #ffffff !important; color: var(--lt-text) !important; }
html[data-theme="light"] .admin-page dialog { background: #ffffff !important; color: var(--lt-text) !important; }
html[data-theme="light"] .admin-page button.ghost { color: var(--lt-text) !important; border-color: var(--lt-border-strong) !important; }
html[data-theme="light"] .admin-page .tabs button { color: var(--lt-secondary) !important; }
html[data-theme="light"] .admin-page .tabs button.active { color: var(--lt-blue-deep) !important; }

html[data-theme="light"] .error-page main { background: var(--lt-alt) !important; color: var(--lt-text); }
html[data-theme="light"] .error-page main > .container { background: #ffffff !important; border: 1px solid var(--lt-border) !important; box-shadow: var(--lt-shadow-lg) !important; }
html[data-theme="light"] .error-page main h1 { color: var(--lt-text) !important; }
html[data-theme="light"] .error-page main p { color: var(--lt-secondary) !important; }

/* --------------------------------------------------------------------------
   Content hub & status colors
   -------------------------------------------------------------------------- */
html[data-theme="light"] :is(.update-card, .updates-page-grid .update-card) { background: #ffffff !important; border-color: var(--lt-border) !important; box-shadow: var(--lt-shadow) !important; }
html[data-theme="light"] .update-card h3 { color: var(--lt-text) !important; }
html[data-theme="light"] :is(.update-card p, .update-card__meta) { color: var(--lt-secondary) !important; }
html[data-theme="light"] .update-card__link { color: var(--lt-blue-deep) !important; }
html[data-theme="light"] .content-video { background: #ffffff !important; border-color: var(--lt-border) !important; }
html[data-theme="light"] .attachment-card { background: #ffffff !important; border-color: var(--lt-border) !important; }
html[data-theme="light"] .attachment-card__title { color: var(--lt-text) !important; }
html[data-theme="light"] .attachment-card__meta { color: var(--lt-secondary) !important; }
html[data-theme="light"] .updates-filter button { background: #ffffff !important; border-color: var(--lt-border-strong) !important; color: var(--lt-secondary) !important; }
html[data-theme="light"] .updates-filter button[aria-pressed="true"] { background: var(--lt-blue-deep) !important; border-color: var(--lt-blue-deep) !important; color: #ffffff !important; }

html[data-theme="light"] .dash-alert--warn { background: rgba(138, 90, 0, .10) !important; color: #6d4a0d !important; border-left-color: #8a5a00 !important; }
html[data-theme="light"] :is(.kb-role-highlight, .role.admin) { color: #6d4a0d !important; }
html[data-theme="light"] :is(.article__tag--config, .kb-article-card__tag--config) { color: #a81b60 !important; }
html[data-theme="light"] :is(.article__tag--security, .kb-article-card__tag--security) { color: #b42318 !important; }
html[data-theme="light"] :is(.dl-card__icon--pdf, .download-card__icon--pdf) { color: #b42318 !important; }
html[data-theme="light"] .logo__wordmark { color: var(--lt-text) !important; }
html[data-theme="light"] .skip-link { background: #13253b !important; color: #ffffff !important; }

/* --------------------------------------------------------------------------
   Downloads, sign-in bar, misc
   -------------------------------------------------------------------------- */
html[data-theme="light"] .dl-req-box { background: #ffffff !important; border: 1px solid var(--lt-border) !important; color: var(--lt-secondary) !important; box-shadow: var(--lt-shadow); }
html[data-theme="light"] .dl-req-box h3 { color: var(--lt-text) !important; }
html[data-theme="light"] .dl-note { background: #fbeedb !important; border-color: rgba(138, 90, 0, .3) !important; color: var(--lt-secondary) !important; }
html[data-theme="light"] .kb-signin-bar { background: #ffffff !important; border-color: var(--lt-border-strong) !important; }
html[data-theme="light"] .kb-signin-bar.is-authenticated,
html[data-theme="light"] [data-authenticated="true"] .kb-signin-bar {
  border-color: rgba(27, 127, 77, .5) !important;
  background: #f0f9f3 !important;
}
html[data-theme="light"] .kb-signin-bar.is-authenticated .kb-signin-bar__text strong,
html[data-theme="light"] [data-authenticated="true"] .kb-signin-bar__text strong { color: #14683d !important; }
html[data-theme="light"] .site-scroll-top {
  background: #ffffff;
  border-color: var(--lt-border-strong);
  color: var(--lt-text);
  box-shadow: 0 10px 25px rgba(18, 42, 68, .16);
}
html[data-theme="light"] .site-scroll-top:hover { border-color: var(--lt-blue); background: #fdfbf6; }
html[data-theme="light"] .divider { border-color: var(--lt-border) !important; background: var(--lt-border); }
html[data-theme="light"] .comic-hero p { color: var(--lt-secondary); }
html[data-theme="light"] .comic-status { background: #ffffff; border-color: var(--lt-border-strong); }
html[data-theme="light"] .comic-panel { background: #ffffff; border-color: #13253b; box-shadow: 8px 8px 0 rgba(23, 112, 138, .35); }
html[data-theme="light"] .comic-panel figcaption { color: var(--lt-text); }
html[data-theme="light"] .comic-panel__meta { color: var(--lt-muted); }

/* Popups (netaphor-app.js modals) — default inline styles are already light;
   refine the shadow and keep the accent submit button on brand */
html[data-theme="light"] .nx-modal-overlay { background: rgba(18, 42, 68, .45) !important; }
html[data-theme="light"] .nx-modal { box-shadow: 0 32px 80px rgba(18, 42, 68, .28) !important; }
html[data-theme="light"] .nx-modal button[type="submit"] { background: var(--lt-grad) !important; }

/* nx media chips & lightbox */
html[data-theme="light"] .nx-chip {
  border-color: var(--lt-border-strong);
  background: #ffffff;
  color: var(--lt-secondary);
  box-shadow: 0 2px 6px rgba(18, 42, 68, .05);
}
html[data-theme="light"] .nx-chip:hover {
  border-color: var(--lt-blue);
  background: #fbf8f1;
  color: var(--lt-blue-deep);
}
html[data-theme="light"] .nx-lightbox { background: rgba(18, 42, 68, .5); }
html[data-theme="light"] .nx-lightbox__panel { background: #ffffff; border-color: var(--lt-border); }
html[data-theme="light"] .nx-lightbox__bar { color: var(--lt-text); border-bottom-color: var(--lt-border); }
html[data-theme="light"] .nx-lightbox__open { color: var(--lt-blue-deep); }
html[data-theme="light"] .nx-lightbox__close { border-color: var(--lt-border-strong); color: var(--lt-text); }
html[data-theme="light"] .nx-lightbox__close:hover { background: var(--lt-alt); }

/* Theme picker */
html[data-theme="light"] .theme-toggle {
  border-color: var(--lt-border-strong);
  background: #ffffff;
  color: var(--lt-text);
  box-shadow: 0 2px 6px rgba(18, 42, 68, .06);
}
html[data-theme="light"] .theme-toggle:hover { border-color: var(--lt-blue); background: #fdfbf6; color: var(--lt-blue-deep); }
html[data-theme="light"] .theme-toggle__dot { background: var(--lt-grad); box-shadow: 0 0 6px rgba(23, 112, 138, .5); }
html[data-theme="light"] .theme-menu {
  background: #ffffff;
  border-color: var(--lt-border-strong);
  box-shadow: 0 20px 50px rgba(18, 42, 68, .18);
}
html[data-theme="light"] .theme-menu__item { color: var(--lt-secondary); }
html[data-theme="light"] .theme-menu__item:hover { background: #fbf8f1; color: var(--lt-blue-deep); }
html[data-theme="light"] .theme-menu__check { color: var(--lt-blue); }

/* Footer, contact info, partner network, archive help stay deep navy —
   deliberate dark anchors that ground the white canvas. No overrides. */

@media print {
  html[data-theme="light"] body { background: #ffffff !important; }
}