/* ── design-pass-v2 2026-07 overrides ── */

.glassmorphism {
  background: var(--ssx-surface-1);
  border: 1px solid var(--ssx-line);
  border-top-color: rgb(255 255 255 / 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.text-accent {
  color: var(--ssx-accent) !important;
}

.text-gradient,
.eyebrow-purple,
.eyebrow-sky,
.key-purple,
.key-sky,
.trust-sky {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: var(--ssx-accent) !important;
  box-shadow: none !important;
}

.glow-hover:hover,
.protocol-card.glow-hover:hover,
.anatomy-explainer-glow {
  box-shadow: var(--shadow) !important;
  filter: none !important;
}

.animate-float,
.animate-pulse-glow,
.animate-grid-drift {
  animation: none !important;
}

.panel,
.protocol-card,
.compare-card {
  border-radius: var(--radius) !important;
  border: 1px solid var(--ssx-line) !important;
  border-top-color: rgb(255 255 255 / 0.08) !important;
  background: var(--ssx-surface-1) !important;
  box-shadow: var(--shadow) !important;
}

.section-heading {
  counter-increment: ms-section;
}

main {
  counter-reset: ms-section;
}

.section-heading h2::before {
  content: counter(ms-section, decimal-leading-zero) " · ";
  font-family: var(--mono);
  font-size: 0.72em;
  font-weight: 600;
  color: var(--ssx-dim);
  letter-spacing: 0.08em;
}

.hero-fullbleed .protocol-card-accent {
  background: var(--ssx-accent) !important;
  box-shadow: none !important;
}

.page-home .site-header {
  background: rgb(10 10 11 / 0.92) !important;
}

.page-home .button.primary,
.page-home .nav-cta {
  box-shadow: var(--shadow) !important;
}

.enterprise-split-ssx h3 {
  color: var(--ssx-accent) !important;
}

::selection {
  background: rgb(var(--ssx-accent-rgb) / 0.22);
  color: var(--ssx-ink);
}

/* Verifier result boxes — dark surfaces, semantic left rail (was light-mode green/red) */
.result-box.valid {
  border-left-color: var(--ok) !important;
  background: rgb(62 207 110 / 0.08) !important;
  color: var(--text) !important;
}

.result-box.invalid {
  border-left-color: var(--danger) !important;
  background: rgb(255 59 78 / 0.08) !important;
  color: var(--text) !important;
}

.result-box.valid .result-status {
  color: var(--ok);
}

.result-box.invalid .result-status {
  color: var(--danger);
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--ssx-accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media print {
  body {
    background: #fff !important;
    color: #111 !important;
  }

  .site-header,
  body::before,
  body::after {
    display: none !important;
  }
}