/* ============================================================
   Neurovizr MENA — inner-page bridge
   Maps the legacy page variables onto the 2026 design tokens
   (nvz.css) so every page shares one palette, type system and
   dark / light behaviour.
   ============================================================ */

html .legacy,
html[data-theme] .legacy {
  --bg-0: var(--bg);
  --white: var(--ink);
  --soft: var(--ink);
  --text-dim: var(--ink-2);
  --text-mute: var(--muted);
  --font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-sans: var(--font-body);
  --radius: 20px;
  --radius-sm: 12px;
  --glow-blue: none;
  --glow-cyan: none;
  --shadow-deep: var(--shadow);

  display: block;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  overflow-x: clip;
  min-height: 0;
  padding-top: 0;
}

html .legacy::before,
html .legacy::after,
html[data-theme] .legacy::before,
html[data-theme] .legacy::after { display: none; }

.legacy h1,
.legacy h2,
.legacy h3,
.legacy h4 {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.025em;
}

.legacy p { color: inherit; }

/* The old fixed header needed ~180px of top offset; the new header is sticky. */
html .legacy > section:first-of-type {
  padding-top: clamp(40px, 6vw, 88px);
}
html .legacy > section:first-of-type .pdp {
  padding-top: 0;
}
html .legacy .page-hero {
  padding-bottom: 40px;
}
html .legacy .page-hero::before {
  opacity: 0.55;
}

.legacy .btn {
  font-family: var(--font-body);
}

html .legacy .btn-primary,
html[data-theme] .legacy .btn-primary {
  background: var(--btn-bg);
  color: var(--btn-ink);
  border-color: transparent;
}
html .legacy .btn-primary .arrow,
html[data-theme] .legacy .btn-primary .arrow { color: inherit; }
html .legacy .btn-ghost,
html[data-theme] .legacy .btn-ghost {
  color: var(--ink);
  border-color: var(--line-strong);
}

html .legacy-tail,
html[data-theme] .legacy-tail {
  min-height: 0;
  height: 0;
  padding: 0;
  margin: 0;
  background: none;
  overflow: visible;
}