/* Public marketing surface only: map the former scoped public component
   vocabulary to the canonical V2 tokens.  This is deliberately loaded only
   by public_site.html, so operational screens cannot inherit it. */
:root {
  --color-background: var(--ds-color-canvas);
  --color-border: var(--ds-color-border);
  --color-border-strong: var(--ds-color-border-strong);
  --color-danger: var(--ds-color-danger);
  --color-primary: var(--ds-color-brand);
  --color-primary-strong: var(--ds-color-brand-strong);
  --color-success: var(--ds-color-success);
  --color-surface: var(--ds-color-surface);
  --color-surface-subtle: var(--ds-color-surface-subtle);
  --color-text: var(--ds-color-text);
  --color-text-muted: var(--ds-color-text-muted);
  --color-text-secondary: var(--ds-color-text-subtle);
  --color-warning: var(--ds-color-warning);
  --layer-sticky: var(--ds-z-sticky);
  --motion-ease: var(--ds-ease-standard);
  --motion-fast: var(--ds-duration-fast);
  --motion-normal: var(--ds-duration-normal);
  --radius-lg: var(--ds-radius-lg);
  --shadow-md: var(--ds-shadow-md);
  --shadow-sm: var(--ds-shadow-sm);
  --space-4: var(--ds-space-4);
  --ui-border: var(--ds-color-border);
  --ui-radius-card: var(--ds-radius-lg);
  --ui-shadow-raised: var(--ds-shadow-surface);
  --ui-surface: var(--ds-color-surface);
  --ui-text-helper-size: var(--ds-text-xs);
  --ui-text-secondary: var(--ds-color-text-muted);
}

/* The canonical public shell intentionally exposes only .ds-button.  The
   marketing content retains its compact .btn markup, so define that contract
   here rather than letting a former operational stylesheet provide it. */
.nv-public .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ds-control-height-lg);
  padding: 0.75rem 1rem;
  border: 1px solid var(--ds-color-border-strong);
  border-radius: var(--ds-radius-md);
  background: var(--ds-color-surface);
  color: var(--ds-color-text-strong);
  font-weight: var(--ds-weight-semibold);
  line-height: 1.2;
  text-decoration: none;
}

.nv-public .btn.primary {
  border-color: var(--ds-color-brand);
  background: var(--ds-color-brand);
  color: var(--ds-color-on-brand);
}

.nv-public .btn.primary:hover { background: var(--ds-color-brand-hover); }
.nv-public .btn.secondary:hover { background: var(--ds-color-surface-subtle); }