/* ═══════════════════════════════════════════════════
   BOUTONS — NOVA DOMINATION
   ═══════════════════════════════════════════════════ */

/* ── Base commune ─────────────────────────────────── */
.btn-primary, .btn-secondary, .btn-outline-warn,
.btn-danger, .btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: var(--radius);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all var(--t-fast);
  text-decoration: none;
  white-space: nowrap;
  user-select: none;
}
.btn-primary:disabled, .btn-secondary:disabled,
.btn-outline-warn:disabled, .btn-danger:disabled { opacity: .4; cursor: not-allowed; }

/* ── Primaire (cyan) ──────────────────────────────── */
.btn-primary {
  background: var(--accent);
  color: #050911;
  border-color: var(--accent);
  box-shadow: 0 0 16px rgba(0,207,255,.25);
}
.btn-primary:not(:disabled):hover {
  background: #33d9ff;
  box-shadow: 0 0 24px rgba(0,207,255,.4);
  transform: translateY(-1px);
}
.btn-primary:not(:disabled):active { transform: translateY(0); }

/* ── Secondaire ───────────────────────────────────── */
.btn-secondary {
  background: var(--panel-2);
  color: var(--text-soft);
  border-color: var(--border-strong);
}
.btn-secondary:not(:disabled):hover {
  background: rgba(255,255,255,.08);
  color: var(--text);
  border-color: rgba(255,255,255,.2);
}

/* ── Danger / Warning ─────────────────────────────── */
.btn-outline-warn {
  background: transparent;
  color: var(--warning);
  border-color: rgba(245,158,11,.3);
}
.btn-outline-warn:not(:disabled):hover {
  background: var(--warning-dim);
  border-color: var(--warning);
}

.btn-danger {
  background: var(--danger-dim);
  color: var(--danger);
  border-color: rgba(239,68,68,.3);
}
.btn-danger:not(:disabled):hover { background: rgba(239,68,68,.25); border-color: var(--danger); }

/* ── Ghost ────────────────────────────────────────── */
.btn-ghost {
  background: transparent;
  color: var(--muted);
  border-color: transparent;
}
.btn-ghost:not(:disabled):hover { color: var(--text); background: rgba(255,255,255,.05); }

/* ── Tailles ──────────────────────────────────────── */
.btn-sm { padding: 5px 12px; font-size: 11px; }
.btn-lg { padding: 12px 24px; font-size: 15px; }
.btn-full { width: 100%; }