/* Restore the OparWebSample theme on marketing (site) pages.
   The Next root layout loads globals.css (Tailwind), whose @layer base
   resets body background/color. These rules win it back. Loaded LAST. */
html,
body {
  background: var(--ink, #0b0f0e) !important;
  color: var(--text, #fff) !important;
}

body {
  font-family: Inter, system-ui, sans-serif !important;
  line-height: 1.7;
}

/* Client login — de-emphasised, small muted text link tucked at nav end.
   (Not a CTA; keeps the marketing focus on Book a Demo / sign-up.) */
.nav-client-login {
  margin-left: 18px;
  align-self: center;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  opacity: 0.9;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.nav-client-login:hover {
  color: var(--brand);
}
/* On small screens push it out of the primary view (least prominent). */
@media (max-width: 992px) {
  .nav-client-login { display: none; }
}