/* ── Buttons ─────────────────────────────────────────────────────────  */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 20px; border-radius: var(--r-sm);
  font-size: 13.5px; font-weight: 600;
  cursor: pointer; border: none;
  letter-spacing: -0.1px;
  transition: all .2s cubic-bezier(.34,1.56,.64,1);
}

/* Primary: iOS-style gradient glass button */
.btn-primary {
  background: var(--accent-btn);
  color: #1a0800;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,0.35),
    inset 0 -1px 0 rgba(0,0,0,0.15),
    0 4px 18px rgba(245,158,11,0.35),
    0 1px 4px rgba(0,0,0,0.25);
}
.btn-primary:hover {
  transform: translateY(-1px) scale(1.01);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,0.45),
    0 8px 28px rgba(245,158,11,0.50),
    0 2px 6px rgba(0,0,0,0.3);
}
.btn-primary:active  { transform: scale(0.98); }
.btn-primary:disabled { opacity: .4; cursor: not-allowed; transform: none; }

/* Ghost: glass button */
.btn-ghost {
  background: rgba(255,255,255,0.09);
  color: var(--text2);
  border: 1px solid var(--border-std);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
}
.btn-ghost:hover {
  background: rgba(255,255,255,0.15);
  border-color: var(--border-specular);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.30);
}

.btn-sm     { padding: 5px 13px; font-size: 12px; border-radius: var(--r-xs); }
.btn-danger {
  background: var(--danger-dim);
  color: var(--danger);
  border: 1px solid rgba(255,69,58,0.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.btn-danger:hover { background: rgba(255,69,58,0.22); }
.sb-btn { width: 100%; }