/* Home page: slight colour adjustments so the template sections fit the theme of the 3D hero.
   Contents and layout stay as they are. Light theme = unchanged template look.
   Dark theme: the two bright sections (.nws-tone-light) turn dark like the black studio above. */
[data-theme='dark'] .nws-tone-light {
  background-color: #12132c !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 0.76);
}
[data-theme='dark'] .nws-tone-light h2,
[data-theme='dark'] .nws-tone-light h3,
[data-theme='dark'] .nws-tone-light h4,
[data-theme='dark'] .nws-tone-light .fw-bold,
[data-theme='dark'] .nws-tone-light .ul-check li {
  color: #fff;
}
[data-theme='dark'] .nws-tone-light p,
[data-theme='dark'] .nws-tone-light .lead {
  color: rgba(255, 255, 255, 0.76);
}
/* Review cards: dark glass instead of white. */
[data-theme='dark'] .nws-tone-light .bg-light {
  background: #1a1c3b !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme='dark'] .nws-tone-light .bg-light .text-dark,
[data-theme='dark'] .nws-tone-light .bg-light .text-dark a {
  color: #fff !important;
}
[data-theme='dark'] .nws-tone-light .bg-light small {
  color: rgba(255, 255, 255, 0.6);
}