/* Shared button primitives extracted from legacy style.css. */

.btn {
  font-family: var(--font);
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.6rem 1.1rem;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  cursor: pointer;
  transition:
    background var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard),
    transform var(--duration-press) var(--ease-standard);
}

.btn:active {
  transform: scale(0.98);
}

.btn.primary {
  background: var(--accent-gradient);
  color: #fff;
}

.btn.primary:hover {
  filter: brightness(1.08);
}

.btn.ghost {
  background: var(--btn-ghost-bg);
  border-color: var(--btn-ghost-border);
  color: var(--text);
  box-shadow: inset 0 1px 0 var(--btn-ghost-inset);
}

.btn.ghost:hover {
  background: var(--btn-ghost-bg-hover);
  border-color: var(--btn-ghost-border-hover);
}

.btn.secondary {
  background: #fff;
  color: #0a0a0b;
  border-color: rgba(255, 255, 255, 0.14);
}

.btn.secondary:hover {
  filter: brightness(1.06);
  border-color: rgba(255, 255, 255, 0.22);
}

.btn.small {
  padding: 0.35rem 0.65rem;
  font-size: 0.8rem;
  font-weight: 600;
}

.btn.copy {
  background: #1e2128;
  border-color: var(--btn-ghost-border);
  color: var(--text);
}

.btn.copy:hover {
  border-color: var(--accent);
}

/* Text-style buttons — never underlined (legacy style.css may load later; legacy-link-overrides.css enforces this). */
.btn.link-like {
  text-decoration: none;
}

.btn.link-like:hover,
.btn.link-like:active {
  text-decoration: none;
}