/* ══════════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════════ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 20px;
  border-radius: 6px;
  font-family: 'Inter', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s;
  border: none;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.btn-ghost {
  background: transparent;
  color: var(--fg-muted);
  border: 1px solid var(--border-bright);
}

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

.btn-primary {
  background: var(--accent);
  color: var(--white);
  border: 1px solid var(--accent-mid);
}

.btn-primary:hover {
  background: var(--accent-mid);
}

.btn-outline {
  background: transparent;
  color: var(--accent-bright);
  border: 1px solid var(--accent);
}

.btn-outline:hover {
  background: var(--accent);
  color: var(--white);
}

.btn-white {
  background: var(--white);
  color: var(--black);
  border: 1px solid var(--white);
}

.btn-white:hover {
  background: rgba(255,255,255,0.88);
}

.btn-lg { padding: 13px 30px; font-size: 0.875rem; border-radius: 7px; }
.btn-sm { padding: 6px 14px; font-size: 0.75rem; }