/* Victory — legacy component aliases (tokens live in victory-ds.css) */

.vt-shell {
  background: var(--vds-surface, var(--vt-surface));
  border: 1px solid var(--vds-border, var(--vt-border));
  border-radius: calc(var(--vds-radius-xl, var(--vt-radius)) + 2px);
  box-shadow: var(--vds-shadow-lg, var(--vt-shadow));
  backdrop-filter: blur(var(--vds-blur, 12px));
}

.vt-panel {
  background: var(--vds-surface, var(--vt-surface));
  border: 1px solid var(--vds-border, var(--vt-border));
  border-radius: var(--vds-radius-lg, var(--vt-radius));
}

.vt-title {
  font-family: var(--vds-font-display, var(--vt-font-display));
  font-weight: 700;
  letter-spacing: 0.03em;
}

.vt-btn {
  border-radius: var(--vds-radius-sm, var(--vt-radius-sm));
  border: 1px solid var(--vds-border, var(--vt-border));
  background: var(--vds-surface-solid, var(--vt-surface-strong));
  color: var(--vds-text, var(--vt-text));
  transition: transform 0.15s, filter 0.15s, border-color 0.15s, background 0.15s;
}

.vt-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: var(--vds-border-strong, var(--vt-border-strong));
  filter: brightness(1.04);
}

.vt-btn-primary {
  background: var(--vds-gradient-brand, linear-gradient(135deg, var(--vt-accent), var(--vt-accent-2)));
  border-color: rgba(125, 211, 252, 0.55);
  color: #ffffff;
  box-shadow: var(--vds-shadow-glow, var(--vt-glow));
}

.vt-btn-ghost {
  background: transparent;
  border-color: var(--vds-border, var(--vt-border));
}

.vt-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  border: 1px solid var(--vds-border, var(--vt-border));
  background: rgba(7, 16, 34, 0.75);
  color: var(--vds-text-muted, var(--vt-muted));
  font-size: 0.75rem;
  font-weight: 600;
}