/* Shared component styling: logo, nav, footer, CTA. Scaffolding only. */

.sb-header {
  border-bottom: 1px solid var(--sb-color-border);
}

.sb-footer {
  border-top: 1px solid var(--sb-color-border);
}

.sb-logo__text {
  font-weight: 700;
  font-size: var(--sb-font-size-lg);
  color: var(--sb-color-text);
}

.sb-nav__list {
  display: flex;
  gap: var(--sb-space-md);
}

.sb-nav__link {
  color: var(--sb-color-text-muted);
}

.sb-nav__link--active {
  color: var(--sb-color-text);
}

.sb-cta {
  display: inline-block;
  padding: var(--sb-space-sm) var(--sb-space-md);
  background-color: var(--sb-color-accent);
  color: var(--sb-color-bg);
  border-radius: var(--sb-radius-sm);
  font-weight: 600;
}

.sb-footer__brand {
  font-weight: 600;
}